create-vuetify 2.5.1 → 2.6.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
 // src/index.ts
-import { dirname as dirname3, join as join3, resolve as resolve5 } from "path";
-import { fileURLToPath } from "url";
-import { mkdirSync as mkdirSync2, rmSync, writeFileSync as writeFileSync2 } from "fs";
+import { dirname as dirname3, join as join3, resolve as resolve5 } from "node:path";
+import { fileURLToPath } from "node:url";
+import { mkdirSync as mkdirSync2, rmSync, writeFileSync as writeFileSync2 } from "node:fs";
 
 // src/utils/prompts.ts
-import { join as join2, resolve as resolve3 } from "path";
-import { existsSync as existsSync2, readdirSync } from "fs";
+import { join as join2, resolve as resolve3 } from "node:path";
+import { existsSync as existsSync2, readdirSync } from "node:fs";
 
 // src/utils/presets.ts
 var defaultContext = {
@@ -1475,13 +1475,17 @@ async function pnpmIgnored(root) {
   const [major] = pnpmVersion.split(".").map(Number);
   if (major && major >= 10) {
     const detect2 = (await ve2("pnpm", ["ignored-builds"], { nodeOptions: { cwd: root } })).stdout;
-    if (detect2.startsWith("Automatically ignored builds during installation:\n  None")) return;
+    if (detect2.startsWith("Automatically ignored builds during installation:\n  None")) {
+      return;
+    }
     return detect2;
   }
 }
 async function pnpm(root) {
   const detect2 = await pnpmIgnored(root);
-  if (detect2) console.warn(detect2);
+  if (detect2) {
+    console.warn(detect2);
+  }
 }
 
 // src/utils/cli/preinstall/yarn.ts
@@ -1533,14 +1537,13 @@ var promptOptions = {
   }
 };
 var initPrompts = async (context) => {
-  let answers;
   if (context.usePreset) {
     context = {
       ...context,
       ...presets[context.usePreset]
     };
   }
-  answers = await prompts([
+  const answers = await prompts([
     {
       name: "projectName",
       type: "text",
@@ -1684,15 +1687,15 @@ import { red as red2 } from "kolorist";
 import minimist from "minimist";
 
 // src/utils/renderTemplate.ts
-import { copyFileSync, mkdirSync, readdirSync as readdirSync2, readFileSync, statSync, writeFileSync } from "fs";
-import { basename as basename2, dirname as dirname2, resolve as resolve4 } from "path";
+import { copyFileSync, mkdirSync, readdirSync as readdirSync2, readFileSync, statSync, writeFileSync } from "node:fs";
+import { basename as basename2, dirname as dirname2, resolve as resolve4 } from "node:path";
 
 // src/utils/deepMerge.ts
 var isObject = (v) => {
   return v === Object(v) && v !== null && !Array.isArray(v);
 };
 var deepMerge = (...sources) => sources.reduce((acc, curr) => {
-  Object.keys(curr).forEach((key) => {
+  for (const key of Object.keys(curr)) {
     if (Array.isArray(acc[key]) && Array.isArray(curr[key])) {
       acc[key] = Array.from(new Set(acc[key].concat(curr[key])));
     } else if (isObject(acc[key]) && isObject(curr[key])) {
@@ -1700,7 +1703,7 @@ var deepMerge = (...sources) => sources.reduce((acc, curr) => {
     } else {
       acc[key] = curr[key];
     }
-  });
+  }
   return acc;
 }, {});
 
@@ -1710,20 +1713,27 @@ function mergePkg(source, destination) {
   const src = JSON.parse(readFileSync(source, "utf8"));
   const mergedPkg = deepMerge(target, src);
   const keysToSort = ["devDependencies", "dependencies"];
-  keysToSort.forEach((k) => {
+  for (const k of keysToSort) {
     mergedPkg[k] = Object.keys(mergedPkg[k]).sort().reduce((a, c) => (a[c] = mergedPkg[k][c], a), {});
-  });
+  }
   writeFileSync(destination, JSON.stringify(mergedPkg, null, 2) + "\n");
 }
 function renderDirectory(source, destination) {
   mkdirSync(destination, { recursive: true });
-  readdirSync2(source).forEach((path4) => renderTemplate(resolve4(source, path4), resolve4(destination, path4)));
+  for (const path4 of readdirSync2(source)) {
+    renderTemplate(resolve4(source, path4), resolve4(destination, path4));
+  }
 }
 function renderFile(source, destination) {
   const filename = basename2(source);
-  if (filename.startsWith("_")) destination = resolve4(dirname2(destination), filename.replace("_", "."));
-  if (filename === "package.json") mergePkg(source, destination);
-  else copyFileSync(source, destination);
+  if (filename.startsWith("_")) {
+    destination = resolve4(dirname2(destination), filename.replace("_", "."));
+  }
+  if (filename === "package.json") {
+    mergePkg(source, destination);
+  } else {
+    copyFileSync(source, destination);
+  }
 }
 function renderTemplate(source, destination) {
   if (statSync(source).isDirectory()) {
@@ -1734,15 +1744,15 @@ function renderTemplate(source, destination) {
 }
 
 // src/utils/nuxt/renderNuxtTemplate.ts
-import fs3 from "fs";
-import path3 from "path";
-import { spawnSync as spawnSync2 } from "child_process";
+import fs3 from "node:fs";
+import path3 from "node:path";
+import { spawnSync as spawnSync2 } from "node:child_process";
 
 // src/utils/nuxt/utils.ts
-import process2 from "process";
-import path from "path";
-import { spawnSync } from "child_process";
-import fs from "fs";
+import process2 from "node:process";
+import path from "node:path";
+import { spawnSync } from "node:child_process";
+import fs from "node:fs";
 
 // node_modules/.pnpm/package-manager-detector@1.2.0/node_modules/package-manager-detector/dist/commands.mjs
 function npmRun(agent) {
@@ -1874,8 +1884,9 @@ function constructCommand(value, args) {
 // src/utils/nuxt/utils.ts
 function detectPkgInfo() {
   const userAgent2 = process2.env.npm_config_user_agent;
-  if (!userAgent2)
+  if (!userAgent2) {
     return void 0;
+  }
   const pkgSpec = userAgent2.split(" ")[0];
   const pkgSpecArr = pkgSpec.split("/");
   return {
@@ -1886,18 +1897,19 @@ function detectPkgInfo() {
 function addPackageObject(key, entry, pkg, sort = true) {
   pkg[key] ??= {};
   if (!sort) {
-    for (const [name, value] of entry)
+    for (const [name, value] of entry) {
       pkg[key][name] = value;
+    }
     return;
   }
   const entries = Object.entries(pkg[key]);
   pkg[key] = {};
-  entry.forEach(([name, value]) => {
+  for (const [name, value] of entry) {
     entries.push([name, value]);
-  });
-  entries.sort(([a], [b]) => a.localeCompare(b)).forEach(([k, v]) => {
+  }
+  for (const [k, v] of entries.sort(([a], [b]) => a.localeCompare(b))) {
     pkg[key][k] = v;
-  });
+  }
 }
 function runCommand(pmDetection, command, args, cwd2) {
   let runCommand2 = "npm";
@@ -1921,8 +1933,8 @@ function runCommand(pmDetection, command, args, cwd2) {
   }
 }
 function editFile(file, callback, destination) {
-  const content = fs.readFileSync(file, "utf-8");
-  fs.writeFileSync(destination ?? file, callback(content), "utf-8");
+  const content = fs.readFileSync(file, "utf8");
+  fs.writeFileSync(destination ?? file, callback(content), "utf8");
 }
 function getPaths(rootPath, templateDir, v4) {
   return v4 ? [path.join(rootPath, "app"), templateDir] : [rootPath, templateDir];
@@ -1930,16 +1942,16 @@ function getPaths(rootPath, templateDir, v4) {
 
 // src/utils/nuxt/versions.ts
 var versions = {
-  "vuetify": "^3.8.1",
-  "typescript": "^5.6.3",
-  "vue-tsc": "^2.1.6",
-  "sass-embedded": "^1.86.3",
+  "vuetify": "^3.9.1",
+  "typescript": "^5.8.3",
+  "vue-tsc": "^3.0.1",
+  "sass-embedded": "^1.89.2",
   "@vuetify/loader-shared": "^2.1.0",
   "vite-plugin-vuetify": "^2.1.1",
-  "vuetify-nuxt-module": "^0.18.6",
+  "vuetify-nuxt-module": "^0.18.7",
   "upath": "^2.0.1",
   "@mdi/font": "^7.4.47",
-  "@nuxt/fonts": "^0.11.1"
+  "@nuxt/fonts": "^0.11.4"
 };
 
 // node_modules/.pnpm/package-manager-detector@1.2.0/node_modules/package-manager-detector/dist/constants.mjs
@@ -2103,12 +2115,15 @@ async function renderNuxtTemplate(ctx) {
   const isYarn1 = pkgManager === "yarn" && pkgInfo?.version.startsWith("1.");
   const customCommand = useNuxtV4Compat ? `npx nuxi@latest init -t v4-compat ${projectName}` : `npm exec nuxi init ${projectName}`;
   const fullCustomCommand = customCommand.replace("@latest", () => isYarn1 ? "" : "@latest").replace(/^npm exec/, () => {
-    if (pkgManager === "pnpm")
+    if (pkgManager === "pnpm") {
       return "pnpm dlx";
-    if (pkgManager === "yarn" && !isYarn1)
+    }
+    if (pkgManager === "yarn" && !isYarn1) {
       return "yarn dlx";
-    if (pkgManager === "bun")
+    }
+    if (pkgManager === "bun") {
       return "bun x";
+    }
     return "npm exec";
   });
   const [command, ...args] = fullCustomCommand.split(" ");
@@ -2135,7 +2150,7 @@ function configurePackageJson({
   nuxtPreset
 }) {
   const packageJson = path3.join(projectRoot, "package.json");
-  const pkg = JSON.parse(fs3.readFileSync(path3.join(projectRoot, "package.json"), "utf-8"));
+  const pkg = JSON.parse(fs3.readFileSync(path3.join(projectRoot, "package.json"), "utf8"));
   pkg.name = projectName;
   const scripts = [
     ["prepare", "nuxt prepare"],
@@ -2148,7 +2163,7 @@ function configurePackageJson({
   const dependencies = [
     ["vuetify", versions.vuetify]
   ];
-  if (dependencies.length) {
+  if (dependencies.length > 0) {
     addPackageObject("dependencies", dependencies, pkg);
   }
   const devDependencies = [
@@ -2165,11 +2180,11 @@ function configurePackageJson({
     devDependencies.push(["@vuetify/loader-shared", versions["@vuetify/loader-shared"]]);
     devDependencies.push(["vite-plugin-vuetify", versions["vite-plugin-vuetify"]]);
   }
-  if (devDependencies.length) {
+  if (devDependencies.length > 0) {
     addPackageObject("devDependencies", devDependencies, pkg);
   }
   addPackageObject("scripts", scripts, pkg, false);
-  fs3.writeFileSync(packageJson, JSON.stringify(pkg, null, 2), "utf-8");
+  fs3.writeFileSync(packageJson, JSON.stringify(pkg, null, 2), "utf8");
 }
 function configureVuetify(ctx, nuxtConfig) {
   const config = getDefaultExportOptions(nuxtConfig);
@@ -2302,9 +2317,9 @@ function prepareNuxtModule(ctx, nuxtConfig) {
 }
 function prepareVuetifyModule(ctx, nuxtConfig) {
   const config = configureVuetify(ctx, nuxtConfig);
-  const styles = ctx.nuxtPreset !== "nuxt-essentials" ? true : {
+  const styles = ctx.nuxtPreset === "nuxt-essentials" ? {
     configFile: "assets/settings.scss"
-  };
+  } : true;
   config.vuetify = { autoImport: true, styles };
 }
 function prepareProject(ctx) {
@@ -2316,7 +2331,7 @@ function prepareProject(ctx) {
   } = ctx;
   const [rootPath, templateDir] = getPaths(projectRoot, templatePath, useNuxtV4Compat);
   const nuxtConfigFile = path3.join(rootPath, useNuxtV4Compat ? "../nuxt.config.ts" : "nuxt.config.ts");
-  const nuxtConfig = parseModule(fs3.readFileSync(nuxtConfigFile, "utf-8"));
+  const nuxtConfig = parseModule(fs3.readFileSync(nuxtConfigFile, "utf8"));
   if (useNuxtModule) {
     prepareNuxtModule(ctx, nuxtConfig);
   } else {
@@ -2351,7 +2366,7 @@ function prepareProject(ctx) {
   fs3.writeFileSync(
     nuxtConfigFile,
     code,
-    "utf-8"
+    "utf8"
   );
   copyResources(ctx, rootPath, templateDir);
 }
@@ -2361,7 +2376,7 @@ var validPresets = ["base", "custom", "default", "essentials"];
 async function run() {
   const argv = minimist(process.argv.slice(2), {
     alias: {
-      "typescript": ["ts"]
+      typescript: ["ts"]
     }
   });
   if (argv.preset && !validPresets.includes(argv.preset)) {
@@ -2389,8 +2404,6 @@ ${banner}
     usePackageManager,
     installDependencies: installDeps,
     usePreset,
-    useStore,
-    useEslint,
     useNuxtV4Compat,
     useNuxtModule,
     useNuxtSSR,
@@ -2444,9 +2457,9 @@ run().then(() => {
   console.log("Github: https://github.com/vuetifyjs/vuetify");
   console.log("Support Vuetify: https://github.com/sponsors/johnleider");
   process.exit(0);
-}).catch((err) => {
+}).catch((error) => {
   console.error(`
-${red2("\u2716")} ${err}
+${red2("\u2716")} ${error}
 `);
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vuetify",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "author": "Elijah Kotyluk <elijah@elijahkotyluk.com>",
   "license": "MIT",
   "type": "module",
@@ -41,12 +41,12 @@
     "@types/node": "^22.13.10",
     "@types/prompts": "^2.4.9",
     "@types/validate-npm-package-name": "^4.0.2",
-    "esbuild": "^0.25.1",
-    "eslint": "^9.23.0",
-    "eslint-config-vuetify": "^3.0.3",
+    "esbuild": "^0.25.6",
+    "eslint": "^9.30.1",
+    "eslint-config-vuetify": "4.0.0",
     "nypm": "^0.6.0",
     "release-it": "^18.1.2",
-    "typescript": "^5.8.2"
+    "typescript": "^5.8.3"
   },
   "packageManager": "pnpm@9.12.2+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"
 }

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

@@ -1 +1,3 @@
-export { default } from 'eslint-config-vuetify'
+import vuetify from 'eslint-config-vuetify'
+
+export default vuetify()

package/template/javascript/base/package.json

@@ -3,10 +3,9 @@
     "lint": "eslint . --fix"
   },
   "devDependencies": {
-    "eslint": "^9.23.0",
-    "eslint-config-vuetify": "^3.0.3",
-    "globals": "^16.0.0",
-    "vue-router": "^4.5.0",
-    "unplugin-vue-router": "^0.12.0"
+    "eslint": "^9.30.1",
+    "eslint-config-vuetify": "^4.0.0",
+    "vue-router": "^4.5.1",
+    "unplugin-vue-router": "^0.14.0"
   }
 }

package/template/javascript/base/src/router/index.js

@@ -16,12 +16,12 @@ const router = createRouter({
 // Workaround for https://github.com/vitejs/vite/issues/11804
 router.onError((err, to) => {
   if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
-    if (!localStorage.getItem('vuetify:dynamic-reload')) {
+    if (localStorage.getItem('vuetify:dynamic-reload')) {
+      console.error('Dynamic import error, reloading page did not fix it', err)
+    } else {
       console.log('Reloading page to fix dynamic import error')
       localStorage.setItem('vuetify:dynamic-reload', 'true')
       location.assign(to.fullPath)
-    } else {
-      console.error('Dynamic import error, reloading page did not fix it', err)
     }
   } else {
     console.error(err)

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

@@ -28,9 +28,9 @@ export default defineConfig({
       fontsource: {
         families: [
           {
-            name: "Roboto",
+            name: 'Roboto',
             weights: [100, 300, 400, 500, 700, 900],
-            styles: ["normal", "italic"],
+            styles: ['normal', 'italic'],
           },
         ],
       },
@@ -48,7 +48,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',

package/template/javascript/default/package.json

@@ -9,17 +9,16 @@
   },
   "dependencies": {
     "@mdi/font": "7.4.47",
-    "@fontsource/roboto": "5.2.5",
-    "vue": "^3.5.13",
-    "vuetify": "^3.8.1"
+    "@fontsource/roboto": "5.2.6",
+    "vue": "^3.5.17",
+    "vuetify": "^3.9.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.3",
-    "globals": "^16.0.0",
-    "sass-embedded": "^1.86.3",
+    "sass-embedded": "^1.89.2",
     "unplugin-fonts": "^1.3.1",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.8.0",
     "vite-plugin-vuetify": "^2.1.1",
-    "vite": "^6.2.2"
+    "vite": "^6.3.5"
   }
-}
+}

package/template/javascript/default/src/plugins/vuetify.js

@@ -14,6 +14,6 @@ import { createVuetify } from 'vuetify'
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: 'dark',
+    defaultTheme: 'system',
   },
 })

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

@@ -35,7 +35,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',
@@ -56,7 +56,7 @@ export default defineConfig({
         api: 'modern-compiler',
       },
       scss: {
-        api:'modern-compiler',
+        api: 'modern-compiler',
       },
     },
   },

package/template/javascript/essentials/package.json

@@ -1,7 +1,9 @@
 {
+  "dependencies": {
+    "pinia" : "^3.0.3"
+  },
   "devDependencies": {
-    "pinia" : "^3.0.1",
-    "unplugin-auto-import": "^19.1.1",
-    "vite-plugin-vue-layouts-next": "^0.0.8"
+    "unplugin-auto-import": "^19.3.0",
+    "vite-plugin-vue-layouts-next": "^1.0.0"
   }
 }

package/template/javascript/essentials/src/router/index.js

@@ -17,12 +17,12 @@ const router = createRouter({
 // Workaround for https://github.com/vitejs/vite/issues/11804
 router.onError((err, to) => {
   if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
-    if (!localStorage.getItem('vuetify:dynamic-reload')) {
+    if (localStorage.getItem('vuetify:dynamic-reload')) {
+      console.error('Dynamic import error, reloading page did not fix it', err)
+    } else {
       console.log('Reloading page to fix dynamic import error')
       localStorage.setItem('vuetify:dynamic-reload', 'true')
       location.assign(to.fullPath)
-    } else {
-      console.error('Dynamic import error, reloading page did not fix it', err)
     }
   } else {
     console.error(err)

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

@@ -41,7 +41,7 @@ export default defineConfig({
         'vue',
         VueRouterAutoImports,
         {
-          'pinia': ['defineStore', 'storeToRefs'],
+          pinia: ['defineStore', 'storeToRefs'],
         },
       ],
       eslintrc: {
@@ -62,7 +62,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',

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

@@ -1 +1,3 @@
-export { default } from 'eslint-config-vuetify/index.ts.mjs'
+import vuetify from 'eslint-config-vuetify'
+
+export default vuetify()

package/template/typescript/base/package.json

@@ -3,9 +3,9 @@
     "lint": "eslint . --fix"
   },
   "devDependencies": {
-    "eslint": "^9.23.0",
-    "eslint-config-vuetify": "^3.0.3",
-    "vue-router": "^4.5.0",
-    "unplugin-vue-router": "^0.12.0"
+    "eslint": "^9.30.1",
+    "eslint-config-vuetify": "^4.0.0",
+    "vue-router": "^4.5.1",
+    "unplugin-vue-router": "^0.14.0"
   }
 }

package/template/typescript/base/src/router/index.ts

@@ -16,12 +16,12 @@ const router = createRouter({
 // Workaround for https://github.com/vitejs/vite/issues/11804
 router.onError((err, to) => {
   if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
-    if (!localStorage.getItem('vuetify:dynamic-reload')) {
+    if (localStorage.getItem('vuetify:dynamic-reload')) {
+      console.error('Dynamic import error, reloading page did not fix it', err)
+    } else {
       console.log('Reloading page to fix dynamic import error')
       localStorage.setItem('vuetify:dynamic-reload', 'true')
       location.assign(to.fullPath)
-    } else {
-      console.error('Dynamic import error, reloading page did not fix it', err)
     }
   } else {
     console.error(err)

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

@@ -32,9 +32,9 @@ export default defineConfig({
       fontsource: {
         families: [
           {
-            name: "Roboto",
+            name: 'Roboto',
             weights: [100, 300, 400, 500, 700, 900],
-            styles: ["normal", "italic"],
+            styles: ['normal', 'italic'],
           },
         ],
       },
@@ -52,7 +52,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',

package/template/typescript/default/package.json

@@ -11,9 +11,9 @@
   },
   "dependencies": {
     "@mdi/font": "7.4.47",
-    "@fontsource/roboto": "5.2.5",
-    "vue": "^3.5.13",
-    "vuetify": "^3.8.1"
+    "@fontsource/roboto": "5.2.6",
+    "vue": "^3.5.17",
+    "vuetify": "^3.9.1"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
@@ -21,12 +21,12 @@
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/tsconfig": "^0.7.0",
     "npm-run-all2": "^7.0.2",
-    "sass-embedded": "^1.86.3",
-    "typescript": "~5.8.2",
+    "sass-embedded": "^1.89.2",
+    "typescript": "~5.8.3",
     "unplugin-fonts": "^1.3.1",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.8.0",
     "vite-plugin-vuetify": "^2.1.1",
-    "vite": "^6.2.2",
-    "vue-tsc": "^2.2.8"
+    "vite": "^6.3.5",
+    "vue-tsc": "^3.0.1"
   }
 }

package/template/typescript/default/src/plugins/vuetify.ts

@@ -14,6 +14,6 @@ import { createVuetify } from 'vuetify'
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: 'dark',
+    defaultTheme: 'system',
   },
 })

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

@@ -35,7 +35,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',

package/template/typescript/essentials/package.json

@@ -1,7 +1,9 @@
 {
+  "dependencies": {
+    "pinia" : "^3.0.3"
+  },
   "devDependencies": {
-    "pinia" : "^3.0.1",
-    "unplugin-auto-import": "^19.1.1",
-    "vite-plugin-vue-layouts-next": "^0.0.8"
+    "unplugin-auto-import": "^19.3.0",
+    "vite-plugin-vue-layouts-next": "^1.0.0"
   }
 }

package/template/typescript/essentials/src/router/index.ts

@@ -17,12 +17,12 @@ const router = createRouter({
 // Workaround for https://github.com/vitejs/vite/issues/11804
 router.onError((err, to) => {
   if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
-    if (!localStorage.getItem('vuetify:dynamic-reload')) {
+    if (localStorage.getItem('vuetify:dynamic-reload')) {
+      console.error('Dynamic import error, reloading page did not fix it', err)
+    } else {
       console.log('Reloading page to fix dynamic import error')
       localStorage.setItem('vuetify:dynamic-reload', 'true')
       location.assign(to.fullPath)
-    } else {
-      console.error('Dynamic import error, reloading page did not fix it', err)
     }
   } else {
     console.error(err)

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

@@ -24,7 +24,7 @@ export default defineConfig({
         'vue',
         VueRouterAutoImports,
         {
-          'pinia': ['defineStore', 'storeToRefs'],
+          pinia: ['defineStore', 'storeToRefs'],
         },
       ],
       dts: 'src/auto-imports.d.ts',
@@ -70,7 +70,7 @@ export default defineConfig({
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@': fileURLToPath(new URL('src', import.meta.url)),
     },
     extensions: [
       '.js',

package/template/typescript/nuxt/modules/vuetify.ts

@@ -7,8 +7,6 @@ import { pathToFileURL } from 'node:url'
 import fs from 'node:fs'
 import fsp from 'node:fs/promises'
 
-export type { ModuleOptions }
-
 // WARNING: Remove the file from modules directory if you install vuetify-nuxt-module
 export default defineNuxtModule<ModuleOptions>({
   meta: {
@@ -51,31 +49,26 @@ export default defineNuxtModule<ModuleOptions>({
         async configResolved (config) {
           if (isObject(options.styles)) {
             sassVariables = true
-            if (path.isAbsolute(options.styles.configFile)) {
-              configFile = path.resolve(options.styles.configFile)
-            } else {
-              configFile = path.resolve(path.join(config.root || process.cwd(), options.styles.configFile))
-            }
+            configFile = path.isAbsolute(options.styles.configFile) ? path.resolve(options.styles.configFile) : path.resolve(path.join(config.root || process.cwd(), options.styles.configFile))
             configFile = pathToFileURL(configFile).href
-          }
-          else {
+          } else {
             isNone = options.styles === 'none'
           }
         },
         async resolveId (source, importer, { custom, ssr }) {
           if (source.startsWith(PREFIX) || source.startsWith(SSR_PREFIX)) {
-            if (source.match(/\.s[ca]ss$/)) {
+            if (/\.s[ca]ss$/.test(source)) {
               return source
             }
 
             const idx = source.indexOf('?')
-            return idx > -1 ? source.slice(0, idx) : source
+            return idx === -1 ? source : source.slice(0, idx)
           }
           if (
             source === 'vuetify/styles' || (
-              importer &&
-              source.endsWith('.css') &&
-              isSubdir(vuetifyBase, path.isAbsolute(source) ? source : importer)
+              importer
+              && source.endsWith('.css')
+              && isSubdir(vuetifyBase, path.isAbsolute(source) ? source : importer)
             )
           ) {
             if (options.styles === 'sass') {
@@ -84,8 +77,9 @@ export default defineNuxtModule<ModuleOptions>({
 
             const resolution = await this.resolve(source, importer, { skipSelf: true, custom })
 
-            if (!resolution)
+            if (!resolution) {
               return undefined
+            }
 
             const target = await resolveCss(resolution.id)
             if (isNone) {
@@ -93,21 +87,21 @@ export default defineNuxtModule<ModuleOptions>({
               return target
             }
 
-            return `${ssr ? SSR_PREFIX: PREFIX}${path.relative(vuetifyBase, target)}`
+            return `${ssr ? SSR_PREFIX : PREFIX}${path.relative(vuetifyBase, target)}`
           }
 
           return undefined
         },
-        load (id){
+        load (id) {
           if (sassVariables) {
             const target = id.startsWith(PREFIX)
               ? path.resolve(vuetifyBase, id.slice(PREFIX.length))
-              : id.startsWith(SSR_PREFIX)
-                ? path.resolve(vuetifyBase, id.slice(SSR_PREFIX.length))
-                : undefined
+              : (id.startsWith(SSR_PREFIX)
+                  ? path.resolve(vuetifyBase, id.slice(SSR_PREFIX.length))
+                  : undefined)
 
             if (target) {
-              const suffix = target.match(/\.scss/) ? ';\n' : '\n'
+              const suffix = /\.scss/.test(target) ? ';\n' : '\n'
               return {
                 code: `@use "${configFile}"${suffix}@use "${pathToFileURL(target).href}"${suffix}`,
                 map: {
@@ -132,10 +126,10 @@ function resolveCssFactory () {
       try {
         mapping = source.replace(/\.css$/, '.sass')
         await fsp.access(mapping, fs.constants.R_OK)
-      }
-      catch (err) {
-        if (!(err instanceof Error && 'code' in err && err.code === 'ENOENT'))
-          throw err
+      } catch (error) {
+        if (!(error instanceof Error && 'code' in error && error.code === 'ENOENT')) {
+          throw error
+        }
         mapping = source.replace(/\.css$/, '.scss')
       }
       mappings.set(source, mapping)
@@ -148,3 +142,5 @@ function isSubdir (root: string, test: string) {
   const relative = path.relative(root, test)
   return relative && !relative.startsWith('..') && !path.isAbsolute(relative)
 }
+
+export { type Options as ModuleOptions } from '@vuetify/loader-shared'

package/template/typescript/nuxt/plugins/vuetify.ts

@@ -10,5 +10,5 @@ export default defineNuxtPlugin(nuxtApp => {
     },
   })
 
-  nuxtApp.vueApp.use(vuetify);
+  nuxtApp.vueApp.use(vuetify)
 })