diff --git a/cli/commands/init.mjs b/cli/commands/init.mjs
index 9cea9b99..e6d1a820 100644
--- a/cli/commands/init.mjs
+++ b/cli/commands/init.mjs
@@ -75,7 +75,7 @@ export default defineCommand({
     await sortFile(themePath)
 
     if (!args.prose) {
-      const typesPath = resolve(path, 'src/runtime/types/index.d.ts')
+      const typesPath = resolve(path, 'src/runtime/types/index.ts')
       await appendFile(typesPath, `export * from '../components/${args.content ? 'content/' : ''}${splitByCase(name).map(p => upperFirst(p)).join('')}.vue'`)
       await sortFile(typesPath)
     }
diff --git a/cli/templates.mjs b/cli/templates.mjs
index 39e2b057..8abe3009 100644
--- a/cli/templates.mjs
+++ b/cli/templates.mjs
@@ -5,7 +5,7 @@ const playground = ({ name, pro }) => {
   const kebabName = kebabCase(name)
 
   return {
-    filename: `playground/pages/components/${kebabName}.vue`,
+    filename: `playground/app/pages/components/${kebabName}.vue`,
     contents: pro
       ? undefined
       : `