@bagelink/workspace 1.10.25 → 1.10.29

package/dist/bin/bgl.cjs

@@ -4,7 +4,7 @@
 const node_path = require('node:path');
 const process = require('node:process');
 const node_child_process = require('node:child_process');
-const netlify = require('../shared/workspace.DRlDHdPw.cjs');
+const netlify = require('../shared/workspace.CbSngeyq.cjs');
 const node_fs = require('node:fs');
 const prompts = require('prompts');
 

package/dist/bin/bgl.mjs

@@ -2,7 +2,7 @@
 import { resolve } from 'node:path';
 import process from 'node:process';
 import { spawn } from 'node:child_process';
-import { l as listProjects, w as writeNetlifyConfig, i as initWorkspace, a as addProject } from '../shared/workspace.Bc_dpzhA.mjs';
+import { l as listProjects, w as writeNetlifyConfig, i as initWorkspace, a as addProject } from '../shared/workspace.Hoo0tj7x.mjs';
 import { existsSync, readFileSync, readdirSync, writeFileSync, unlinkSync, mkdirSync } from 'node:fs';
 import prompts from 'prompts';
 

package/dist/shared/{workspace.DRlDHdPw.cjs → workspace.CbSngeyq.cjs}

@@ -10,6 +10,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 const process__default = /*#__PURE__*/_interopDefaultCompat(process);
 const prompts__default = /*#__PURE__*/_interopDefaultCompat(prompts);
 
+async function resolveLatestVersion(pkg) {
+  try {
+    const res = await fetch(`https://registry.npmjs.org/${pkg}/latest`);
+    if (!res.ok) return "latest";
+    const data = await res.json();
+    return `^${data.version}`;
+  } catch {
+    return "latest";
+  }
+}
 async function initWorkspace(root = process__default.cwd()) {
   console.log("\n\u{1F680} Creating Bagel workspace...\n");
   const response = await prompts__default([
@@ -44,7 +54,24 @@ async function initWorkspace(root = process__default.cwd()) {
   }
   const { workspaceName, projectId, createFirstProject, firstProjectName } = response;
   const workspaceDir = node_path.resolve(root, workspaceName);
-  createWorkspaceRoot(root, workspaceName, projectId);
+  console.log("Resolving package versions...");
+  const allPkgs = [
+    "@bagelink/auth",
+    "@bagelink/sdk",
+    "@bagelink/vue",
+    "pinia",
+    "vue",
+    "vue-router",
+    "@bagelink/lint-config",
+    "@bagelink/workspace",
+    "@vitejs/plugin-vue",
+    "eslint",
+    "vite"
+  ];
+  const versions = Object.fromEntries(
+    await Promise.all(allPkgs.map(async (pkg) => [pkg, await resolveLatestVersion(pkg)]))
+  );
+  createWorkspaceRoot(root, workspaceName, projectId, versions);
   createSharedPackage(workspaceDir);
   if (createFirstProject && firstProjectName) {
     await addProject(firstProjectName, workspaceDir);
@@ -60,7 +87,7 @@ async function initWorkspace(root = process__default.cwd()) {
   }
   console.log("");
 }
-function createWorkspaceRoot(root, name, projectId) {
+function createWorkspaceRoot(root, name, projectId, versions) {
   const workspaceDir = node_path.resolve(root, name);
   if (node_fs.existsSync(workspaceDir)) {
     console.error(`\u274C Directory ${name} already exists`);
@@ -81,20 +108,20 @@ function createWorkspaceRoot(root, name, projectId) {
       "lint:fix": "eslint . --cache --fix"
     },
     dependencies: {
-      "@bagelink/auth": "latest",
-      "@bagelink/sdk": "latest",
-      "@bagelink/vue": "latest",
-      "pinia": "latest",
-      "vue": "latest",
-      "vue-router": "latest"
+      "@bagelink/auth": versions["@bagelink/auth"],
+      "@bagelink/sdk": versions["@bagelink/sdk"],
+      "@bagelink/vue": versions["@bagelink/vue"],
+      "pinia": versions.pinia,
+      "vue": versions.vue,
+      "vue-router": versions["vue-router"]
     },
     devDependencies: {
-      "@bagelink/lint-config": "latest",
-      "@bagelink/workspace": "latest",
-      "@vitejs/plugin-vue": "latest",
-      "eslint": "latest",
+      "@bagelink/lint-config": versions["@bagelink/lint-config"],
+      "@bagelink/workspace": versions["@bagelink/workspace"],
+      "@vitejs/plugin-vue": versions["@vitejs/plugin-vue"],
+      "eslint": versions.eslint,
       "typescript": "^5.0.0",
-      "vite": "latest"
+      "vite": versions.vite
     }
   };
   node_fs.writeFileSync(
@@ -275,6 +302,11 @@ async function addProject(name, root = process__default.cwd()) {
   console.log(`
 \u{1F4E6} Creating project: ${name}
 `);
+  console.log("Resolving package versions...");
+  const projectPkgs = ["@vitejs/plugin-vue", "vite", "vue", "pinia", "vue-router"];
+  const versions = Object.fromEntries(
+    await Promise.all(projectPkgs.map(async (pkg) => [pkg, await resolveLatestVersion(pkg)]))
+  );
   node_fs.mkdirSync(projectDir, { recursive: true });
   const isWorkspace = node_fs.existsSync(node_path.resolve(root, "bgl.config.ts"));
   const packageJson = {
@@ -285,11 +317,14 @@ async function addProject(name, root = process__default.cwd()) {
       build: "vite build",
       preview: "vite preview"
     },
-    dependencies: {},
+    dependencies: {
+      "pinia": versions.pinia,
+      "vue": versions.vue,
+      "vue-router": versions["vue-router"]
+    },
     devDependencies: {
-      "@vitejs/plugin-vue": "latest",
-      "vite": "latest",
-      "vue": "latest"
+      "@vitejs/plugin-vue": versions["@vitejs/plugin-vue"],
+      "vite": versions.vite
     }
   };
   if (isWorkspace) {
@@ -326,12 +361,18 @@ export default defineWorkspace({
 })
 `;
   node_fs.writeFileSync(node_path.resolve(projectDir, "bgl.config.ts"), bglConfigContent);
-  const viteConfig = `import { defineConfig } from 'vite'
+  const viteConfig = `import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { bagelink } from '@bagelink/workspace/vite'
 import workspace from './bgl.config'
 
 export default defineConfig({
+	resolve: {
+		alias: {
+			'@': resolve(__dirname, 'src'),
+		},
+	},
 	plugins: [
 		vue(),
 		bagelink({ workspace }),
@@ -339,6 +380,20 @@ export default defineConfig({
 })
 `;
   node_fs.writeFileSync(node_path.resolve(projectDir, "vite.config.ts"), viteConfig);
+  const tsconfigJson = {
+    extends: "../tsconfig.app.json",
+    compilerOptions: {
+      paths: {
+        "@/*": ["./src/*"]
+      }
+    },
+    include: ["src/**/*"]
+  };
+  node_fs.writeFileSync(
+    node_path.resolve(projectDir, "tsconfig.json"),
+    `${JSON.stringify(tsconfigJson, null, 2)}
+`
+  );
   const srcDir = node_path.resolve(projectDir, "src");
   node_fs.mkdirSync(srcDir, { recursive: true });
   const indexHtml = `<!DOCTYPE html>
@@ -355,27 +410,52 @@ export default defineConfig({
 </html>
 `;
   node_fs.writeFileSync(node_path.resolve(projectDir, "index.html"), indexHtml);
+  const routerDir = node_path.resolve(srcDir, "router");
+  node_fs.mkdirSync(routerDir, { recursive: true });
+  const routerTs = `import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+export default createRouter({
+	history: createWebHistory(import.meta.env.BASE_URL),
+	routes: [
+		{ path: '/', component: HomeView },
+	],
+})
+`;
+  node_fs.writeFileSync(node_path.resolve(routerDir, "index.ts"), routerTs);
+  const viewsDir = node_path.resolve(srcDir, "views");
+  node_fs.mkdirSync(viewsDir, { recursive: true });
+  const homeView = `<script setup lang="ts">
+${isWorkspace ? "import { formatDate } from 'shared/utils'\n" : ""}
+<\/script>
+
+<template>
+	<main>
+		<h1>${name}</h1>
+		${isWorkspace ? "<p>{{ formatDate(new Date()) }}</p>" : ""}
+	</main>
+</template>
+`;
+  node_fs.writeFileSync(node_path.resolve(viewsDir, "HomeView.vue"), homeView);
   const mainTs = `import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import { BagelVue } from '@bagelink/vue'
+import router from './router'
 import App from './App.vue'
 
 createApp(App)
+	.use(createPinia())
+	.use(router)
 	.use(BagelVue)
 	.mount('#app')
 `;
   node_fs.writeFileSync(node_path.resolve(srcDir, "main.ts"), mainTs);
   const appVue = `<script setup lang="ts">
-import { ref } from 'vue'
-${isWorkspace ? "import { formatDate } from 'shared/utils'\n" : ""}
-const count = ref(0)
+import { RouterView } from 'vue-router'
 <\/script>
 
 <template>
-	<div>
-		<h1>${name}</h1>
-		<button @click="count++">Count: {{ count }}</button>
-		${isWorkspace ? "<p>{{ formatDate(new Date()) }}</p>" : ""}
-	</div>
+	<RouterView />
 </template>
 `;
   node_fs.writeFileSync(node_path.resolve(srcDir, "App.vue"), appVue);

package/dist/shared/{workspace.Bc_dpzhA.mjs → workspace.Hoo0tj7x.mjs}

@@ -3,6 +3,16 @@ import { resolve } from 'node:path';
 import process from 'node:process';
 import prompts from 'prompts';
 
+async function resolveLatestVersion(pkg) {
+  try {
+    const res = await fetch(`https://registry.npmjs.org/${pkg}/latest`);
+    if (!res.ok) return "latest";
+    const data = await res.json();
+    return `^${data.version}`;
+  } catch {
+    return "latest";
+  }
+}
 async function initWorkspace(root = process.cwd()) {
   console.log("\n\u{1F680} Creating Bagel workspace...\n");
   const response = await prompts([
@@ -37,7 +47,24 @@ async function initWorkspace(root = process.cwd()) {
   }
   const { workspaceName, projectId, createFirstProject, firstProjectName } = response;
   const workspaceDir = resolve(root, workspaceName);
-  createWorkspaceRoot(root, workspaceName, projectId);
+  console.log("Resolving package versions...");
+  const allPkgs = [
+    "@bagelink/auth",
+    "@bagelink/sdk",
+    "@bagelink/vue",
+    "pinia",
+    "vue",
+    "vue-router",
+    "@bagelink/lint-config",
+    "@bagelink/workspace",
+    "@vitejs/plugin-vue",
+    "eslint",
+    "vite"
+  ];
+  const versions = Object.fromEntries(
+    await Promise.all(allPkgs.map(async (pkg) => [pkg, await resolveLatestVersion(pkg)]))
+  );
+  createWorkspaceRoot(root, workspaceName, projectId, versions);
   createSharedPackage(workspaceDir);
   if (createFirstProject && firstProjectName) {
     await addProject(firstProjectName, workspaceDir);
@@ -53,7 +80,7 @@ async function initWorkspace(root = process.cwd()) {
   }
   console.log("");
 }
-function createWorkspaceRoot(root, name, projectId) {
+function createWorkspaceRoot(root, name, projectId, versions) {
   const workspaceDir = resolve(root, name);
   if (existsSync(workspaceDir)) {
     console.error(`\u274C Directory ${name} already exists`);
@@ -74,20 +101,20 @@ function createWorkspaceRoot(root, name, projectId) {
       "lint:fix": "eslint . --cache --fix"
     },
     dependencies: {
-      "@bagelink/auth": "latest",
-      "@bagelink/sdk": "latest",
-      "@bagelink/vue": "latest",
-      "pinia": "latest",
-      "vue": "latest",
-      "vue-router": "latest"
+      "@bagelink/auth": versions["@bagelink/auth"],
+      "@bagelink/sdk": versions["@bagelink/sdk"],
+      "@bagelink/vue": versions["@bagelink/vue"],
+      "pinia": versions.pinia,
+      "vue": versions.vue,
+      "vue-router": versions["vue-router"]
     },
     devDependencies: {
-      "@bagelink/lint-config": "latest",
-      "@bagelink/workspace": "latest",
-      "@vitejs/plugin-vue": "latest",
-      "eslint": "latest",
+      "@bagelink/lint-config": versions["@bagelink/lint-config"],
+      "@bagelink/workspace": versions["@bagelink/workspace"],
+      "@vitejs/plugin-vue": versions["@vitejs/plugin-vue"],
+      "eslint": versions.eslint,
       "typescript": "^5.0.0",
-      "vite": "latest"
+      "vite": versions.vite
     }
   };
   writeFileSync(
@@ -268,6 +295,11 @@ async function addProject(name, root = process.cwd()) {
   console.log(`
 \u{1F4E6} Creating project: ${name}
 `);
+  console.log("Resolving package versions...");
+  const projectPkgs = ["@vitejs/plugin-vue", "vite", "vue", "pinia", "vue-router"];
+  const versions = Object.fromEntries(
+    await Promise.all(projectPkgs.map(async (pkg) => [pkg, await resolveLatestVersion(pkg)]))
+  );
   mkdirSync(projectDir, { recursive: true });
   const isWorkspace = existsSync(resolve(root, "bgl.config.ts"));
   const packageJson = {
@@ -278,11 +310,14 @@ async function addProject(name, root = process.cwd()) {
       build: "vite build",
       preview: "vite preview"
     },
-    dependencies: {},
+    dependencies: {
+      "pinia": versions.pinia,
+      "vue": versions.vue,
+      "vue-router": versions["vue-router"]
+    },
     devDependencies: {
-      "@vitejs/plugin-vue": "latest",
-      "vite": "latest",
-      "vue": "latest"
+      "@vitejs/plugin-vue": versions["@vitejs/plugin-vue"],
+      "vite": versions.vite
     }
   };
   if (isWorkspace) {
@@ -319,12 +354,18 @@ export default defineWorkspace({
 })
 `;
   writeFileSync(resolve(projectDir, "bgl.config.ts"), bglConfigContent);
-  const viteConfig = `import { defineConfig } from 'vite'
+  const viteConfig = `import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { bagelink } from '@bagelink/workspace/vite'
 import workspace from './bgl.config'
 
 export default defineConfig({
+	resolve: {
+		alias: {
+			'@': resolve(__dirname, 'src'),
+		},
+	},
 	plugins: [
 		vue(),
 		bagelink({ workspace }),
@@ -332,6 +373,20 @@ export default defineConfig({
 })
 `;
   writeFileSync(resolve(projectDir, "vite.config.ts"), viteConfig);
+  const tsconfigJson = {
+    extends: "../tsconfig.app.json",
+    compilerOptions: {
+      paths: {
+        "@/*": ["./src/*"]
+      }
+    },
+    include: ["src/**/*"]
+  };
+  writeFileSync(
+    resolve(projectDir, "tsconfig.json"),
+    `${JSON.stringify(tsconfigJson, null, 2)}
+`
+  );
   const srcDir = resolve(projectDir, "src");
   mkdirSync(srcDir, { recursive: true });
   const indexHtml = `<!DOCTYPE html>
@@ -348,27 +403,52 @@ export default defineConfig({
 </html>
 `;
   writeFileSync(resolve(projectDir, "index.html"), indexHtml);
+  const routerDir = resolve(srcDir, "router");
+  mkdirSync(routerDir, { recursive: true });
+  const routerTs = `import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+export default createRouter({
+	history: createWebHistory(import.meta.env.BASE_URL),
+	routes: [
+		{ path: '/', component: HomeView },
+	],
+})
+`;
+  writeFileSync(resolve(routerDir, "index.ts"), routerTs);
+  const viewsDir = resolve(srcDir, "views");
+  mkdirSync(viewsDir, { recursive: true });
+  const homeView = `<script setup lang="ts">
+${isWorkspace ? "import { formatDate } from 'shared/utils'\n" : ""}
+<\/script>
+
+<template>
+	<main>
+		<h1>${name}</h1>
+		${isWorkspace ? "<p>{{ formatDate(new Date()) }}</p>" : ""}
+	</main>
+</template>
+`;
+  writeFileSync(resolve(viewsDir, "HomeView.vue"), homeView);
   const mainTs = `import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import { BagelVue } from '@bagelink/vue'
+import router from './router'
 import App from './App.vue'
 
 createApp(App)
+	.use(createPinia())
+	.use(router)
 	.use(BagelVue)
 	.mount('#app')
 `;
   writeFileSync(resolve(srcDir, "main.ts"), mainTs);
   const appVue = `<script setup lang="ts">
-import { ref } from 'vue'
-${isWorkspace ? "import { formatDate } from 'shared/utils'\n" : ""}
-const count = ref(0)
+import { RouterView } from 'vue-router'
 <\/script>
 
 <template>
-	<div>
-		<h1>${name}</h1>
-		<button @click="count++">Count: {{ count }}</button>
-		${isWorkspace ? "<p>{{ formatDate(new Date()) }}</p>" : ""}
-	</div>
+	<RouterView />
 </template>
 `;
   writeFileSync(resolve(srcDir, "App.vue"), appVue);

package/dist/vite.cjs

@@ -3,7 +3,7 @@
 const node_path = require('node:path');
 const process = require('node:process');
 const node_url = require('node:url');
-const netlify = require('./shared/workspace.DRlDHdPw.cjs');
+const netlify = require('./shared/workspace.CbSngeyq.cjs');
 require('node:fs');
 require('prompts');
 

package/dist/vite.mjs

@@ -1,8 +1,8 @@
 import { basename } from 'node:path';
 import process from 'node:process';
 import { fileURLToPath } from 'node:url';
-import { l as listProjects } from './shared/workspace.Bc_dpzhA.mjs';
-export { g as generateNetlifyConfig, s as setBuildEnvVars, w as writeNetlifyConfig } from './shared/workspace.Bc_dpzhA.mjs';
+import { l as listProjects } from './shared/workspace.Hoo0tj7x.mjs';
+export { g as generateNetlifyConfig, s as setBuildEnvVars, w as writeNetlifyConfig } from './shared/workspace.Hoo0tj7x.mjs';
 import 'node:fs';
 import 'prompts';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/workspace",
   "type": "module",
-  "version": "1.10.25",
+  "version": "1.10.29",
   "description": "Monorepo workspace tooling for Bagel projects with proxy and config management",
   "author": {
     "name": "Bagel Studio",

package/src/workspace.ts

@@ -3,6 +3,18 @@ import { resolve } from 'node:path'
 import process from 'node:process'
 import prompts from 'prompts'
 
+async function resolveLatestVersion(pkg: string): Promise<string> {
+	try {
+		const res = await fetch(`https://registry.npmjs.org/${pkg}/latest`)
+		if (!res.ok) return 'latest'
+		const data = await res.json() as { version: string }
+		return `^${data.version}`
+	}
+	catch {
+		return 'latest'
+	}
+}
+
 /**
  * Initialize a new workspace with flat structure
  */
@@ -45,8 +57,27 @@ export async function initWorkspace(root: string = process.cwd()): Promise<void>
 
 	const workspaceDir = resolve(root, workspaceName)
 
+	// Resolve actual latest versions from npm before writing package.json
+	console.log('Resolving package versions...')
+	const allPkgs = [
+		'@bagelink/auth',
+		'@bagelink/sdk',
+		'@bagelink/vue',
+		'pinia',
+		'vue',
+		'vue-router',
+		'@bagelink/lint-config',
+		'@bagelink/workspace',
+		'@vitejs/plugin-vue',
+		'eslint',
+		'vite',
+	]
+	const versions = Object.fromEntries(
+		await Promise.all(allPkgs.map(async pkg => [pkg, await resolveLatestVersion(pkg)])),
+	)
+
 	// Create workspace structure
-	createWorkspaceRoot(root, workspaceName, projectId)
+	createWorkspaceRoot(root, workspaceName, projectId, versions)
 
 	// Create shared package
 	createSharedPackage(workspaceDir)
@@ -71,7 +102,7 @@ export async function initWorkspace(root: string = process.cwd()): Promise<void>
 /**
  * Create workspace root files
  */
-function createWorkspaceRoot(root: string, name: string, projectId: string): void {
+function createWorkspaceRoot(root: string, name: string, projectId: string, versions: Record<string, string>): void {
 	const workspaceDir = resolve(root, name)
 
 	if (existsSync(workspaceDir)) {
@@ -96,20 +127,20 @@ function createWorkspaceRoot(root: string, name: string, projectId: string): voi
 			'lint:fix': 'eslint . --cache --fix',
 		},
 		dependencies: {
-			'@bagelink/auth': 'latest',
-			'@bagelink/sdk': 'latest',
-			'@bagelink/vue': 'latest',
-			'pinia': 'latest',
-			'vue': 'latest',
-			'vue-router': 'latest',
+			'@bagelink/auth': versions['@bagelink/auth'],
+			'@bagelink/sdk': versions['@bagelink/sdk'],
+			'@bagelink/vue': versions['@bagelink/vue'],
+			'pinia': versions.pinia,
+			'vue': versions.vue,
+			'vue-router': versions['vue-router'],
 		},
 		devDependencies: {
-			'@bagelink/lint-config': 'latest',
-			'@bagelink/workspace': 'latest',
-			'@vitejs/plugin-vue': 'latest',
-			'eslint': 'latest',
+			'@bagelink/lint-config': versions['@bagelink/lint-config'],
+			'@bagelink/workspace': versions['@bagelink/workspace'],
+			'@vitejs/plugin-vue': versions['@vitejs/plugin-vue'],
+			'eslint': versions.eslint,
 			'typescript': '^5.0.0',
-			'vite': 'latest',
+			'vite': versions.vite,
 		},
 	}
 
@@ -325,6 +356,12 @@ export async function addProject(
 
 	console.log(`\n📦 Creating project: ${name}\n`)
 
+	console.log('Resolving package versions...')
+	const projectPkgs = ['@vitejs/plugin-vue', 'vite', 'vue', 'pinia', 'vue-router']
+	const versions = Object.fromEntries(
+		await Promise.all(projectPkgs.map(async pkg => [pkg, await resolveLatestVersion(pkg)])),
+	)
+
 	mkdirSync(projectDir, { recursive: true })
 
 	// Determine if this is part of a workspace
@@ -339,11 +376,14 @@ export async function addProject(
 			build: 'vite build',
 			preview: 'vite preview',
 		},
-		dependencies: {} as Record<string, string>,
+		dependencies: {
+			'pinia': versions.pinia,
+			'vue': versions.vue,
+			'vue-router': versions['vue-router'],
+		} as Record<string, string>,
 		devDependencies: {
-			'@vitejs/plugin-vue': 'latest',
-			'vite': 'latest',
-			'vue': 'latest',
+			'@vitejs/plugin-vue': versions['@vitejs/plugin-vue'],
+			'vite': versions.vite,
 		},
 	}
 
@@ -389,12 +429,18 @@ export default defineWorkspace({
 	writeFileSync(resolve(projectDir, 'bgl.config.ts'), bglConfigContent)
 
 	// vite.config.ts
-	const viteConfig = `import { defineConfig } from 'vite'
+	const viteConfig = `import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { bagelink } from '@bagelink/workspace/vite'
 import workspace from './bgl.config'
 
 export default defineConfig({
+	resolve: {
+		alias: {
+			'@': resolve(__dirname, 'src'),
+		},
+	},
 	plugins: [
 		vue(),
 		bagelink({ workspace }),
@@ -404,6 +450,22 @@ export default defineConfig({
 
 	writeFileSync(resolve(projectDir, 'vite.config.ts'), viteConfig)
 
+	// tsconfig.json
+	const tsconfigJson = {
+		extends: '../tsconfig.app.json',
+		compilerOptions: {
+			paths: {
+				'@/*': ['./src/*'],
+			},
+		},
+		include: ['src/**/*'],
+	}
+
+	writeFileSync(
+		resolve(projectDir, 'tsconfig.json'),
+		`${JSON.stringify(tsconfigJson, null, 2)}\n`,
+	)
+
 	// Create basic src structure
 	const srcDir = resolve(projectDir, 'src')
 	mkdirSync(srcDir, { recursive: true })
@@ -425,12 +487,47 @@ export default defineConfig({
 
 	writeFileSync(resolve(projectDir, 'index.html'), indexHtml)
 
+	// src/router/index.ts
+	const routerDir = resolve(srcDir, 'router')
+	mkdirSync(routerDir, { recursive: true })
+	const routerTs = `import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+export default createRouter({
+	history: createWebHistory(import.meta.env.BASE_URL),
+	routes: [
+		{ path: '/', component: HomeView },
+	],
+})
+`
+	writeFileSync(resolve(routerDir, 'index.ts'), routerTs)
+
+	// src/views/HomeView.vue
+	const viewsDir = resolve(srcDir, 'views')
+	mkdirSync(viewsDir, { recursive: true })
+	const homeView = `<script setup lang="ts">
+${isWorkspace ? 'import { formatDate } from \'shared/utils\'\n' : ''}
+</script>
+
+<template>
+	<main>
+		<h1>${name}</h1>
+		${isWorkspace ? '<p>{{ formatDate(new Date()) }}</p>' : ''}
+	</main>
+</template>
+`
+	writeFileSync(resolve(viewsDir, 'HomeView.vue'), homeView)
+
 	// main.ts
 	const mainTs = `import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import { BagelVue } from '@bagelink/vue'
+import router from './router'
 import App from './App.vue'
 
 createApp(App)
+	.use(createPinia())
+	.use(router)
 	.use(BagelVue)
 	.mount('#app')
 `
@@ -439,17 +536,11 @@ createApp(App)
 
 	// App.vue
 	const appVue = `<script setup lang="ts">
-import { ref } from 'vue'
-${isWorkspace ? 'import { formatDate } from \'shared/utils\'\n' : ''}
-const count = ref(0)
+import { RouterView } from 'vue-router'
 </script>
 
 <template>
-	<div>
-		<h1>${name}</h1>
-		<button @click="count++">Count: {{ count }}</button>
-		${isWorkspace ? '<p>{{ formatDate(new Date()) }}</p>' : ''}
-	</div>
+	<RouterView />
 </template>
 `