playground: move pages under /components to match docs

cli/templates.mjs

@@ -5,7 +5,7 @@ const playground = ({ name, pro }) => {
   const kebabName = kebabCase(name)
 
   return {
-    filename: `playground/pages/${kebabName}.vue`,
+    filename: `playground/pages/components/${kebabName}.vue`,
     contents: pro
       ? undefined
       : `

playground/app/app.vue

@@ -46,7 +46,7 @@ const components = [
   'tooltip'
 ]
 
-const items = components.map(component => ({ label: upperName(component), to: `/${component}` }))
+const items = components.map(component => ({ label: upperName(component), to: `/components/${component}` }))
 
 function upperName(name: string) {
   return splitByCase(name).map(p => upperFirst(p)).join('')