create-vuetify 2.2.6 → 2.3.1

package/dist/output.cjs

@@ -75,11 +75,12 @@ var promptQuestions = (context) => [
     name: "usePreset",
     type: context.usePreset ? null : "select",
     message: "Which preset would you like to install?",
-    initial: 0,
+    initial: 1,
     choices: [
       { title: "Default (Vuetify)", value: "default" },
-      { title: "Base (Default, Routing)", value: "base" },
-      { title: "Essentials (Base, Layouts, Pinia)", value: "essentials" }
+      { title: "Base (Vuetify, VueRouter)", value: "base" },
+      { title: "Essentials (Vuetify, VueRouter, Pinia)", value: "essentials" },
+      { title: "Custom (Choose your features)", value: "custom" }
     ]
   },
   {
@@ -90,6 +91,30 @@ var promptQuestions = (context) => [
     inactive: "No",
     initial: false
   },
+  {
+    name: "useRouter",
+    type: (_, { usePreset }) => usePreset !== "custom" && context.usePreset !== "custom" ? null : "toggle",
+    message: "Use Vue Router?",
+    active: "Yes",
+    inactive: "No",
+    initial: false
+  },
+  {
+    name: "useStore",
+    type: (_, { usePreset }) => usePreset !== "custom" && context.usePreset !== "custom" ? null : "toggle",
+    message: "Use Pinia?",
+    active: "Yes",
+    inactive: "No",
+    initial: false
+  },
+  {
+    name: "useEslint",
+    type: (_, { usePreset }) => usePreset !== "custom" && context.usePreset !== "custom" ? null : "toggle",
+    message: "Use ESLint?",
+    active: "Yes",
+    inactive: "No",
+    initial: false
+  },
   {
     name: "usePackageManager",
     type: "select",
@@ -225,7 +250,10 @@ ${banner}
     projectName,
     useTypeScript,
     usePackageManager,
-    usePreset
+    usePreset,
+    useStore,
+    useEslint,
+    useRouter
   } = await initPrompts(context);
   const projectRoot = (0, import_path3.join)(cwd, projectName);
   if (canOverwrite) {
@@ -236,12 +264,23 @@ ${banner}
   const jsOrTs = useTypeScript ? "typescript" : "javascript";
   let templatePath = (0, import_path3.resolve)(__dirname, "../template", jsOrTs);
   console.log("\n\u25CC Generating scaffold...");
-  renderTemplate((0, import_path3.resolve)(templatePath, "default"), projectRoot);
-  if (["base", "essentials"].includes(usePreset)) {
-    renderTemplate((0, import_path3.resolve)(templatePath, "base"), projectRoot);
-  }
-  if (["essentials", "recommended"].includes(usePreset)) {
-    renderTemplate((0, import_path3.resolve)(templatePath, "essentials"), projectRoot);
+  if (usePreset !== "custom") {
+    renderTemplate((0, import_path3.resolve)(templatePath, usePreset), projectRoot);
+  } else {
+    renderTemplate((0, import_path3.resolve)(templatePath, "default"), projectRoot);
+    templatePath = (0, import_path3.resolve)(templatePath, usePreset);
+    if (useEslint) {
+      renderTemplate((0, import_path3.resolve)(templatePath, "eslint"), projectRoot);
+    }
+    if (useRouter) {
+      renderTemplate((0, import_path3.resolve)(templatePath, "router"), projectRoot);
+    }
+    if (useStore) {
+      renderTemplate((0, import_path3.resolve)(templatePath, "store"), projectRoot);
+      if (useRouter) {
+        renderTemplate((0, import_path3.resolve)(templatePath, "router-pinia"), projectRoot);
+      }
+    }
   }
   if (usePackageManager) {
     console.log(`\u25CC Installing dependencies with ${usePackageManager}...

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vuetify",
-  "version": "2.2.6",
+  "version": "2.3.1",
   "author": "Elijah Kotyluk <elijah@elijahkotyluk.com>",
   "license": "MIT",
   "type": "module",
@@ -19,21 +19,18 @@
   "bugs": {
     "url": "https://github.com/vuetifyjs/create-vuetify/issues"
   },
-  "scripts": {
-    "build": "node ./scripts/build.js",
-    "start": "node ./index.js",
-    "lint": "eslint --fix 'src/**'",
-    "prepublishOnly": "npm run build"
-  },
   "dependencies": {
     "kolorist": "^1.5.1",
     "minimist": "^1.2.6",
+    "magicast": "^0.3.4",
+    "package-manager-detector": "^0.2.2",
     "prompts": "^2.4.2",
     "validate-npm-package-name": "^4.0.0"
   },
   "devDependencies": {
     "@release-it/conventional-changelog": "^8.0.1",
     "@types/minimist": "^1.2.2",
+    "@types/node": "^20.12.8",
     "@types/prompts": "^2.0.14",
     "@types/validate-npm-package-name": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^5.30.6",
@@ -48,5 +45,10 @@
     "lint-staged": "^13.0.3",
     "release-it": "^17.0.3",
     "typescript": "^4.7.4"
+  },
+  "scripts": {
+    "build": "node ./scripts/build.js",
+    "start": "node ./index.js",
+    "lint": "eslint --fix ./src/**"
   }
-}
+}

package/template/javascript/base/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{js,mjs,jsx,vue}'],
+  },
+
+  {
+    name: 'app/files-to-ignore',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
+
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+
+  {
+    rules: {
+      'vue/multi-word-component-names': 'off',
+    },
+  }
+]

package/template/javascript/base/package.json

@@ -1,18 +1,15 @@
 {
   "scripts": {
-    "lint": "eslint . --fix --ignore-path .gitignore"
-  },
-  "dependencies": {
-    "core-js": "^3.37.1"
+    "lint": "eslint . --fix"
   },
   "devDependencies": {
-    "eslint": "^8.57.0",
-    "eslint-config-standard": "^17.1.0",
+    "@eslint/js": "^9.14.0",
+    "eslint": "^9.14.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vue": "^9.30.0",
     "vue-router": "^4.4.0",
     "unplugin-vue-router": "^0.10.0"
   }

package/template/javascript/base/vite.config.mjs

@@ -51,4 +51,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/javascript/default/index.html

@@ -1,16 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Welcome to Vuetify 3</title>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Welcome to Vuetify 3</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
 </html>

package/template/javascript/default/package.json

@@ -1,4 +1,6 @@
 {
+  "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
@@ -9,14 +11,15 @@
     "@mdi/font": "7.4.47",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
-    "vuetify": "^3.6.11"
+    "vuetify": "^3.6.14"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
-    "sass": "1.77.6",
+    "sass": "1.77.8",
+    "sass-embedded": "^1.77.8",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.27.2",
     "vite-plugin-vuetify": "^2.0.3",
-    "vite": "^5.3.3"
+    "vite": "^5.4.0"
   }
 }

package/template/javascript/default/vite.config.mjs

@@ -44,4 +44,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/javascript/essentials/package.json

@@ -1,6 +1,5 @@
 {
   "devDependencies": {
-    "eslint-config-vuetify": "^1.0.0",
     "pinia" : "^2.1.7",
     "unplugin-auto-import": "^0.17.6",
     "vite-plugin-vue-layouts": "^0.11.0"

package/template/javascript/essentials/src/App.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-app>
+    <router-view />
+  </v-app>
+</template>
+
+<script setup>
+  //
+</script>

package/template/javascript/essentials/src/layouts/default.vue

@@ -1,11 +1,9 @@
 <template>
-  <v-app>
-    <v-main>
-      <router-view />
-    </v-main>
+  <v-main>
+    <router-view />
+  </v-main>
 
-    <AppFooter />
-  </v-app>
+  <AppFooter />
 </template>
 
 <script setup>

package/template/javascript/essentials/vite.config.mjs

@@ -64,4 +64,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/typescript/base/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="unplugin-vue-router/client" />

package/template/typescript/base/eslint.config.js

@@ -0,0 +1,36 @@
+/**
+ * .eslint.js
+ *
+ * ESLint configuration file.
+ */
+
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  {
+    name: 'app/files-to-ignore',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
+
+  ...pluginVue.configs['flat/recommended'],
+  ...vueTsEslintConfig(),
+
+  {
+    rules: {
+      '@typescript-eslint/no-unused-expressions': [
+        'error',
+        {
+          allowShortCircuit: true,
+          allowTernary: true,
+        },
+      ],
+      'vue/multi-word-component-names': 'off',
+    }
+  }
+]

package/template/typescript/base/package.json

@@ -1,19 +1,15 @@
 {
   "scripts": {
-    "lint": "eslint . --fix --ignore-path .gitignore"
+    "lint": "eslint . --fix"
   },
   "dependencies": {
     "core-js": "^3.37.1"
   },
   "devDependencies": {
-    "@vue/eslint-config-typescript": "^13.0.0",
-    "eslint": "^8.57.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-vue": "^9.27.0",
+    "@eslint/js": "^9.14.0",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "eslint": "^9.14.0",
+    "eslint-plugin-vue": "^9.30.0",
     "vue-router": "^4.4.0",
     "unplugin-vue-router": "^0.10.0"
   }

package/template/typescript/base/vite.config.mts

@@ -51,4 +51,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/typescript/default/_editorconfig

@@ -1,5 +1,6 @@
-[*.{js,jsx,ts,tsx,vue}]
-indent_style = space
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+charset = utf-8
 indent_size = 2
-trim_trailing_whitespace = true
+indent_style = space
 insert_final_newline = true
+trim_trailing_whitespace = true

package/template/typescript/default/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/typescript/default/index.html

@@ -1,16 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to Vuetify 3</title>
-</head>
-
-<body>
+  </head>
+  <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
-</body>
-
+  </body>
 </html>

package/template/typescript/default/package.json

@@ -1,26 +1,34 @@
 {
+  "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview"
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
   },
   "dependencies": {
     "@mdi/font": "7.4.47",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
-    "vuetify": "^3.6.11"
+    "vuetify": "^3.6.14"
   },
   "devDependencies": {
-    "@babel/types": "^7.24.7",
-    "@types/node": "^20.14.10",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "sass": "1.77.6",
-    "typescript": "^5.4.2",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.9.0",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "@vue/tsconfig": "^0.5.1",
+    "npm-run-all2": "^7.0.1",
+    "sass": "1.77.8",
+    "sass-embedded": "^1.77.8",
+    "typescript": "~5.6.3",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.27.2",
     "vite-plugin-vuetify": "^2.0.3",
-    "vite": "^5.3.3",
-    "vue-tsc": "^2.0.26"
+    "vite": "^5.4.10",
+    "vue-tsc": "^2.1.10"
   }
 }

package/template/typescript/default/tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/typescript/default/tsconfig.json

@@ -1,31 +1,11 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "lib": ["DOM", "ESNext"],
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": ["src/*"]
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
     },
-    "resolveJsonModule": true,
-    "types": [
-      "vite/client"
-    ],
-    "allowJs": true,
-    "strict": true,
-    "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "src/**/*",
-    "src/**/*.vue"
-  ],
-  "exclude": ["dist", "node_modules", "cypress"],
-  "references": [{ "path": "./tsconfig.node.json" }],
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
 }

package/template/typescript/default/tsconfig.node.json

@@ -1,9 +1,19 @@
 {
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
   "compilerOptions": {
     "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
     "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.mts"]
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
 }

package/template/typescript/default/vite.config.mts

@@ -44,4 +44,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/typescript/essentials/env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+/// <reference types="unplugin-vue-router/client" />
+/// <reference types="vite-plugin-vue-layouts/client" />

package/template/typescript/essentials/package.json

@@ -1,6 +1,5 @@
 {
   "devDependencies": {
-    "eslint-config-vuetify": "^1.0.0",
     "pinia" : "^2.1.7",
     "unplugin-auto-import": "^0.17.6",
     "vite-plugin-vue-layouts": "^0.11.0"

package/template/typescript/essentials/src/App.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-app>
+    <router-view />
+  </v-app>
+</template>
+
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/essentials/src/layouts/default.vue

@@ -1,11 +1,9 @@
 <template>
-  <v-app>
-    <v-main>
-      <router-view />
-    </v-main>
+  <v-main>
+    <router-view />
+  </v-main>
 
-    <AppFooter />
-  </v-app>
+  <AppFooter />
 </template>
 
 <script lang="ts" setup>

package/template/typescript/essentials/vite.config.mts

@@ -71,4 +71,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })

package/template/typescript/nuxt/app-layout.vue

@@ -0,0 +1,5 @@
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>

package/template/typescript/nuxt/app.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-app>
+    <v-main>
+      <NuxtPage />
+    </v-main>
+
+    <AppFooter />
+  </v-app>
+</template>