create-lve 0.4.27 → 0.4.28

package/config.js

@@ -7,38 +7,102 @@ import { execSync, spawn } from 'node:child_process'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
+const BASE_STYLE = `@layer base {
+  /* Scrollbar */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+  }
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .dark * {
+    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
+  }
+  .dark ::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+  }
+
+  /* 文本渲染 */
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+
+  /* 选中色 */
+  ::selection {
+    background: rgba(59, 130, 246, 0.2);
+  }
+
+  /* 触摸优化 */
+  body {
+    -webkit-tap-highlight-color: transparent;
+  }
+}
+
+/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
+a,
+img {
+  -webkit-user-drag: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+}
+
+/* input number 去掉上下箭头 */
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* textarea 禁止拖拽调整大小 */
+textarea {
+  resize: none;
+}
+
+/* details/summary 去掉默认三角 */
+summary {
+  list-style: none;
+}
+summary::marker {
+  display: none;
+  content: '';
+}
+
+/* focus 焦点环 */
+a:focus-visible {
+  outline: 2px solid var(--color-primary, #3b82f6);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+`
+
+const vitePlusDeps = (isUno) => ({
+  dependencies: isUno ? { '@unocss/reset': 'latest' } : undefined,
+  devDependencies: isUno ? { unocss: 'latest' } : undefined,
+  overrides: {
+    vite: 'npm:@voidzero-dev/vite-plus-core@latest',
+    vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
+  },
+})
+
 const FRAMEWORK_CONFIG = {
   next: {
     deps: (isUno) => ({
       devDependencies: isUno ? { unocss: 'latest' } : { tailwindcss: 'latest' },
     }),
   },
-  react: {
-    deps: (isUno) => ({
-      dependencies: isUno ? { '@unocss/reset': 'latest' } : {},
-      devDependencies: {
-        'vite-plus': 'latest',
-        '@vitejs/plugin-react': 'latest',
-        '@rolldown/plugin-babel': 'latest',
-        '@babel/core': 'latest',
-        'babel-plugin-react-compiler': 'latest',
-        '@types/babel__core': 'latest',
-        typescript: 'latest',
-
-        ...(isUno
-          ? { unocss: 'latest' }
-          : { tailwindcss: 'latest', '@tailwindcss/vite': 'latest' }),
-      },
-
-      overrides: {
-        vite: 'npm:@voidzero-dev/vite-plus-core@latest',
-        vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
-      },
-    }),
-  },
-  vue: {
-    deps: (isUno) => FRAMEWORK_CONFIG.react.deps(isUno),
-  },
+  react: { deps: vitePlusDeps },
+  vue: { deps: vitePlusDeps },
 }
 
 const CSS_STRATEGIES = {
@@ -119,8 +183,7 @@ export default defineConfig({
     pluginCode: 'tailwindcss(), ',
     entryImport: "import './style.css'\n",
     async setup(ctx) {
-      // 模板自带 style.css（含 @import 'tailwindcss' + base UX），不覆盖
-      // 仅确保文件存在
+      // style.css 已由 applyProjectTransform 写入，此处仅兜底
       const stylePath = path.join(ctx.targetDir, 'src/style.css')
       if (!fs.existsSync(stylePath)) {
         await fs.ensureDir(path.dirname(stylePath))
@@ -183,6 +246,10 @@ async function applyProjectTransform(ctx) {
   const extraConfig = config.deps(isUno)
   pkg.dependencies = { ...pkg.dependencies, ...extraConfig.dependencies }
   pkg.devDependencies = { ...pkg.devDependencies, ...extraConfig.devDependencies }
+  if (isUno) {
+    delete pkg.devDependencies?.['tailwindcss']
+    delete pkg.devDependencies?.['@tailwindcss/vite']
+  }
   if (extraConfig.overrides) pkg.overrides = { ...pkg.overrides, ...extraConfig.overrides }
   try {
     const version = execSync('pnpm --version', { encoding: 'utf-8', timeout: 5000 }).trim()
@@ -192,6 +259,13 @@ async function applyProjectTransform(ctx) {
 
   await resolveLatestVersions(pkgPath)
 
+  const indexPath = path.join(targetDir, 'index.html')
+  if (fs.existsSync(indexPath)) {
+    let indexContent = await fs.readFile(indexPath, 'utf-8')
+    indexContent = indexContent.replace(/<title>.*?<\/title>/, `<title>${ctx.name}</title>`)
+    await fs.writeFile(indexPath, indexContent)
+  }
+
   if (isNext) return
 
   const strategy = CSS_STRATEGIES[css]
@@ -209,6 +283,10 @@ async function applyProjectTransform(ctx) {
   let mainContent = await fs.readFile(paths.main, 'utf-8')
   await fs.writeFile(paths.main, strategy.entryImport + mainContent)
 
+  const stylePath = path.join(targetDir, 'src/style.css')
+  await fs.ensureDir(path.dirname(stylePath))
+  await fs.writeFile(stylePath, `@import 'tailwindcss';\n\n${BASE_STYLE}\n`)
+
   await strategy.setup(ctx)
 }
 

package/index.js

@@ -76,7 +76,6 @@ async function main() {
     name: project.path,
     framework: project.framework,
     css: project.cssEngine,
-    shouldInstall: true,
     targetDir: path.resolve(process.cwd(), project.path),
     templateDir: path.resolve(__dirname, `template-${project.framework}`),
     isNext: project.framework === 'next',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lve",
-  "version": "0.4.27",
+  "version": "0.4.28",
   "bin": {
     "create-lve": "index.js"
   },

package/template-react/package.json

@@ -18,7 +18,10 @@
     "zustand": "latest"
   },
   "devDependencies": {
+    "@babel/core": "latest",
+    "@rolldown/plugin-babel": "latest",
     "@tailwindcss/vite": "latest",
+    "@types/babel__core": "latest",
     "@types/node": "latest",
     "@types/react": "latest",
     "@types/react-dom": "latest",

package/template-vue/tsconfig.app.json

@@ -10,10 +10,12 @@
     },
 
     /* Linting */
+    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

package/template-vue/tsconfig.node.json

@@ -15,10 +15,12 @@
     "noEmit": true,
 
     /* Linting */
+    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": [
     "vite.config.ts"

package/template-vue/vite.config.ts

@@ -23,8 +23,7 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (!id.includes('node_modules')) return
-          if (id.includes('vue') && !id.includes('vue-router'))
-            return 'vendor-vue'
+          if (id.includes('vue') && !id.includes('vue-router')) return 'vendor-vue'
           if (id.includes('vue-router')) return 'vendor-router'
           if (id.includes('pinia')) return 'vendor-pinia'
           if (id.includes('@vueuse')) return 'vendor-vueuse'

package/template-react/src/style.css

@@ -1,81 +0,0 @@
-@import 'tailwindcss';
-
-/* Scrollbar */
-@layer base {
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-  }
-
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  .dark * {
-    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
-  }
-  .dark ::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.15);
-  }
-}
-
-/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
-a,
-img {
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-/* input number 去掉上下箭头 */
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* textarea 禁止拖拽调整大小 */
-textarea {
-  resize: none;
-}
-
-/* details/summary 去掉默认三角 */
-summary {
-  list-style: none;
-}
-summary::marker {
-  display: none;
-  content: '';
-}
-
-/* focus 焦点环 */
-a:focus-visible {
-  outline: 2px solid var(--color-primary, #3b82f6);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-/* 文本渲染 */
-html {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-}
-
-/* 选中色 */
-::selection {
-  background: rgba(59, 130, 246, 0.2);
-}
-
-/* 触摸优化 */
-body {
-  -webkit-tap-highlight-color: transparent;
-}

package/template-vue/src/style.css

@@ -1,79 +0,0 @@
-@import 'tailwindcss';
-
-@layer base {
-  /* Scrollbar */
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-  }
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .dark * {
-    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
-  }
-  .dark ::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.15);
-  }
-
-  /* 文本渲染 */
-  html {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-  }
-
-  /* 选中色 */
-  ::selection {
-    background: rgba(59, 130, 246, 0.2);
-  }
-
-  /* 触摸优化 */
-  body {
-    -webkit-tap-highlight-color: transparent;
-  }
-}
-
-/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
-a,
-img {
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-/* input number 去掉上下箭头 */
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* textarea 禁止拖拽调整大小 */
-textarea {
-  resize: none;
-}
-
-/* details/summary 去掉默认三角 */
-summary {
-  list-style: none;
-}
-summary::marker {
-  display: none;
-  content: '';
-}
-
-/* focus 焦点环 */
-a:focus-visible {
-  outline: 2px solid var(--color-primary, #3b82f6);
-  outline-offset: 2px;
-  border-radius: 2px;
-}