create-vue 3.21.2 → 3.22.1

package/locales/en-US.json

@@ -19,7 +19,7 @@
     "hint": "(↑/↓ to navigate, space to select, a to toggle all, enter to confirm)"
   },
   "needsTypeScript": {
-    "message": "TypeScript"
+    "message": "Use TypeScript?"
   },
   "needsJsx": {
     "message": "JSX Support"
@@ -51,11 +51,6 @@
         "title": "Cypress",
         "desc": "https://www.cypress.io/",
         "hintOnComponentTesting": "also supports unit testing with Cypress Component Testing - https://www.cypress.io/"
-      },
-      "nightwatch": {
-        "title": "Nightwatch",
-        "desc": "https://nightwatchjs.org/",
-        "hintOnComponentTesting": "also supports unit testing with Nightwatch Component Testing - https://nightwatchjs.org/"
       }
     }
   },

package/locales/fr-FR.json

@@ -19,7 +19,7 @@
     "hint": "(↑/↓ pour naviguer, espace pour sélectionner, a pour tout sélectionner, entrée pour confirmer)"
   },
   "needsTypeScript": {
-    "message": "TypeScript"
+    "message": "Utiliser TypeScript\u00a0?"
   },
   "needsJsx": {
     "message": "Support de JSX"
@@ -51,11 +51,6 @@
         "title": "Cypress",
         "desc": "https://www.cypress.io/",
         "hintOnComponentTesting": "prend également en charge les tests unitaires avec Cypress Component Testing - https://www.cypress.io/"
-      },
-      "nightwatch": {
-        "title": "Nightwatch",
-        "desc": "https://nightwatchjs.org/",
-        "hintOnComponentTesting": "prend également en charge les tests unitaires avec Nightwatch Component Testing - https://nightwatchjs.org/"
       }
     }
   },

package/locales/tr-TR.json

@@ -19,7 +19,7 @@
     "hint": "(↑/↓ gezinmek için, boşluk seçmek için, a tümünü seçmek için, enter onaylamak için)"
   },
   "needsTypeScript": {
-    "message": "TypeScript"
+    "message": "TypeScript kullanılsın mı?"
   },
   "needsJsx": {
     "message": "JSX Desteği"
@@ -51,11 +51,6 @@
         "title": "Cypress",
         "desc": "https://www.cypress.io/",
         "hintOnComponentTesting": "ayrıca Cypress Bileşen Testi ile birim testini de destekler - https://www.cypress.io/"
-      },
-      "nightwatch": {
-        "title": "Nightwatch",
-        "desc": "https://nightwatchjs.org/",
-        "hintOnComponentTesting": "ayrıca Nightwatch Bileşen Testi ile birim testini de destekler - https://nightwatchjs.org/"
       }
     }
   },

package/locales/zh-Hans.json

@@ -19,7 +19,7 @@
     "hint": "(↑/↓ 切换，空格选择，a 全选，回车确认)"
   },
   "needsTypeScript": {
-    "message": "TypeScript"
+    "message": "是否使用 TypeScript 语法？"
   },
   "needsJsx": {
     "message": "JSX 支持"
@@ -51,11 +51,6 @@
         "title": "Cypress",
         "desc": "https://www.cypress.io/",
         "hintOnComponentTesting": "同时支持基于 Cypress Component Testing 的单元测试 - https://www.cypress.io/"
-      },
-      "nightwatch": {
-        "title": "Nightwatch",
-        "desc": "https://nightwatchjs.org/",
-        "hintOnComponentTesting": "同时支持基于 Nightwatch Component Testing 的单元测试 - https://nightwatchjs.org/"
       }
     }
   },

package/locales/zh-Hant.json

@@ -19,7 +19,7 @@
     "hint": "(↑/↓ 切換，空格選擇，a 全選，enter 確認)"
   },
   "needsTypeScript": {
-    "message": "TypeScript"
+    "message": "是否使用 TypeScript？"
   },
   "needsJsx": {
     "message": "JSX 支援"
@@ -51,11 +51,6 @@
         "title": "Cypress",
         "desc": "https://www.cypress.io/",
         "hintOnComponentTesting": "同時支援基於 Cypress Component Testing 的單元測試 - https://www.cypress.io/"
-      },
-      "nightwatch": {
-        "title": "Nightwatch",
-        "desc": "https://nightwatchjs.org/",
-        "hintOnComponentTesting": "同時支援基於 Nightwatch Component Testing 的單元測試 - https://nightwatchjs.org/"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.21.2",
+  "version": "3.22.1",
   "description": "🛠️ The recommended way to start a Vite-powered Vue project",
   "keywords": [],
   "homepage": "https://github.com/vuejs/create-vue#readme",
@@ -28,19 +28,19 @@
     "provenance": true
   },
   "devDependencies": {
-    "@clack/prompts": "^1.0.1",
+    "@clack/prompts": "^1.1.0",
     "@tsconfig/node24": "^24.0.4",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^24.10.13",
+    "@types/node": "^24.12.0",
     "@types/prompts": "^2.4.9",
-    "@vue/tsconfig": "^0.8.1",
+    "@vue/tsconfig": "^0.9.0",
     "ejs": "^3.1.10",
     "husky": "^9.1.7",
-    "lint-staged": "^16.2.7",
-    "oxfmt": "^0.35.0",
-    "oxlint": "~1.50.0",
+    "lint-staged": "^16.3.3",
+    "oxfmt": "^0.37.0",
+    "oxlint": "~1.51.0",
     "picocolors": "^1.1.1",
-    "rolldown": "1.0.0-rc.5",
+    "rolldown": "1.0.0-rc.8",
     "rollup-plugin-license": "^3.7.0",
     "vitest": "^4.0.18",
     "zx": "^8.8.5"
@@ -57,7 +57,7 @@
   "scripts": {
     "format": "oxfmt",
     "format-check": "oxfmt --check",
-    "lint": "oxlint . --fix",
+    "lint": "oxlint . --fix --ignore-pattern playground",
     "build": "rolldown -c rolldown.config.ts",
     "snapshot": "zx ./scripts/snapshot.mjs",
     "pretest": "pnpm run build && pnpm run snapshot",

package/template/base/package.json

@@ -7,12 +7,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.4",
     "vite": "^7.3.1",
-    "vite-plugin-vue-devtools": "^8.0.6"
+    "vite-plugin-vue-devtools": "^8.0.7"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

package/template/config/cypress/package.json

@@ -5,7 +5,7 @@
     "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'"
   },
   "devDependencies": {
-    "cypress": "^15.10.0",
+    "cypress": "^15.11.0",
     "start-server-and-test": "^2.1.5"
   }
 }

package/template/config/cypress-ct/package.json

@@ -4,9 +4,9 @@
     "test:unit:dev": "cypress open --component"
   },
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
-    "cypress": "^15.10.0"
+    "cypress": "^15.11.0"
   }
 }

package/template/config/jsx/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@vitejs/plugin-vue-jsx": "^5.1.4",

package/template/config/pinia/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
     "pinia": "^3.0.4",
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   }
 }

package/template/config/router/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "vue": "^3.5.29",
+    "vue": "^3.5.30",
     "vue-router": "^5.0.3"
   }
 }

package/template/config/typescript/package.json

@@ -5,7 +5,7 @@
     "type-check": "vue-tsc --build"
   },
   "devDependencies": {
-    "@types/node": "^24.10.13",
+    "@types/node": "^24.12.0",
     "npm-run-all2": "^8.0.4",
     "typescript": "~5.9.3",
     "vue-tsc": "^3.2.5"

package/template/config/vitest/package.json

@@ -3,7 +3,7 @@
     "test:unit": "vitest"
   },
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@vue/test-utils": "^2.4.6",

package/template/formatting/oxfmt/package.json

@@ -3,6 +3,6 @@
     "format": "oxfmt src/"
   },
   "devDependencies": {
-    "oxfmt": "^0.35.0"
+    "oxfmt": "^0.37.0"
   }
 }

package/template/linting/base/package.json

@@ -3,7 +3,7 @@
     "lint": "eslint . --fix --cache"
   },
   "devDependencies": {
-    "eslint": "^10.0.2",
+    "eslint": "^10.0.3",
     "eslint-plugin-vue": "~10.8.0"
   }
 }

package/template/linting/core/js/package.json

@@ -1,8 +1,8 @@
 {
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "eslint": "^10.0.2",
+    "eslint": "^10.0.3",
     "eslint-plugin-vue": "~10.8.0",
-    "globals": "^17.3.0"
+    "globals": "^17.4.0"
   }
 }

package/template/linting/core/ts/package.json

@@ -1,7 +1,7 @@
 {
   "devDependencies": {
     "@vue/eslint-config-typescript": "^14.7.0",
-    "eslint": "^10.0.2",
+    "eslint": "^10.0.3",
     "eslint-plugin-vue": "~10.8.0",
     "jiti": "^2.6.1",
     "typescript": "~5.9.3"

package/template/linting/oxlint/package.json

@@ -5,8 +5,8 @@
     "lint": "run-s lint:*"
   },
   "devDependencies": {
-    "eslint-plugin-oxlint": "~1.50.0",
+    "eslint-plugin-oxlint": "~1.51.0",
     "npm-run-all2": "^8.0.4",
-    "oxlint": "~1.50.0"
+    "oxlint": "~1.51.0"
   }
 }

package/template/linting/playwright/package.json

@@ -1,5 +1,5 @@
 {
   "devDependencies": {
-    "eslint-plugin-playwright": "^2.7.1"
+    "eslint-plugin-playwright": "^2.9.0"
   }
 }

package/template/linting/vitest/package.json

@@ -1,5 +1,5 @@
 {
   "devDependencies": {
-    "@vitest/eslint-plugin": "^1.6.9"
+    "@vitest/eslint-plugin": "^1.6.10"
   }
 }

package/template/tsconfig/base/package.json

@@ -1,6 +1,6 @@
 {
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
-    "@vue/tsconfig": "^0.8.1"
+    "@vue/tsconfig": "^0.9.0"
   }
 }

package/template/tsconfig/base/tsconfig.app.json

@@ -3,10 +3,16 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    // Extra safety for array and object lookups, but may have false positives.
+    "noUncheckedIndexedAccess": true,
 
+    // Path mapping for cleaner imports.
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
   }
 }

package/template/tsconfig/base/tsconfig.node.json

@@ -1,19 +1,27 @@
+// TSConfig for modules that run in Node.js environment via either transpilation or type-stripping.
 {
   "extends": "@tsconfig/node24/tsconfig.json",
   "include": [
     "vite.config.*",
     "vitest.config.*",
     "cypress.config.*",
-    "nightwatch.conf.*",
     "playwright.config.*",
     "eslint.config.*"
   ],
   "compilerOptions": {
+    // Most tools use transpilation instead of Node.js's native type-stripping.
+    // Bundler mode provides a smoother developer experience.
+    "module": "preserve",
+    "moduleResolution": "bundler",
+
+    // Include Node.js types and avoid accidentally including other `@types/*` packages.
+    "types": ["node"],
+
+    // Disable emitting output during `vue-tsc --build`, which is used for type-checking only.
     "noEmit": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
 
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": ["node"]
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
   }
 }

package/template/tsconfig/cypress-ct/tsconfig.cypress-ct.json

@@ -9,6 +9,8 @@
   ],
   "exclude": [],
   "compilerOptions": {
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.cypress-ct.tsbuildinfo"
   }
 }

package/template/tsconfig/vitest/tsconfig.vitest.json

@@ -1,11 +1,19 @@
 {
   "extends": "./tsconfig.app.json",
+
+  // Override to include only test files and clear exclusions.
+  // Application code imported in tests is automatically included via module resolution.
   "include": ["src/**/__tests__/*", "env.d.ts"],
   "exclude": [],
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
 
+  "compilerOptions": {
+    // Vitest runs in a different environment than the application code.
+    // Adjust lib and types accordingly.
     "lib": [],
-    "types": ["node", "jsdom"]
+    "types": ["node", "jsdom"],
+
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo"
   }
 }

package/template/bare/nightwatch-ct/src/__tests__/App.spec.js

@@ -1,14 +0,0 @@
-describe('App', function () {
-  before((browser) => {
-    browser.init()
-  })
-
-  it('mounts and renders properly', async function () {
-    const appComponent = await browser.mountComponent('/src/App.vue')
-
-    browser.expect.element(appComponent).to.be.present
-    browser.expect.element('h1').text.to.contain('You did it!')
-  })
-
-  after((browser) => browser.end())
-})

package/template/config/nightwatch/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["browserstackcom.nightwatch"]
-}

package/template/config/nightwatch/_gitignore

@@ -1,2 +0,0 @@
-logs/
-tests_output/

package/template/config/nightwatch/nightwatch/nightwatch.d.ts

@@ -1,13 +0,0 @@
-import { NightwatchCustomAssertions, NightwatchCustomCommands } from 'nightwatch'
-
-declare module 'nightwatch' {
-  interface NightwatchCustomAssertions {
-    // Add your custom assertions' types here
-    // elementHasCount: (selector: string, count: number) => NightwatchBrowser
-  }
-
-  interface NightwatchCustomCommands {
-    // Add your custom commands' types here
-    // strictClick: (selector: string) => NightwatchBrowser
-  }
-}

package/template/config/nightwatch/nightwatch.conf.cjs

@@ -1,153 +0,0 @@
-//
-// Refer to the online docs for more details:
-// https://nightwatchjs.org/guide/configuration/nightwatch-configuration-file.html
-//
-//  _   _  _         _      _                     _          _
-// | \ | |(_)       | |    | |                   | |        | |
-// |  \| | _   __ _ | |__  | |_ __      __  __ _ | |_   ___ | |__
-// | . ` || | / _` || '_ \ | __|\ \ /\ / / / _` || __| / __|| '_ \
-// | |\  || || (_| || | | || |_  \ V  V / | (_| || |_ | (__ | | | |
-// \_| \_/|_| \__, ||_| |_| \__|  \_/\_/   \__,_| \__| \___||_| |_|
-//             __/ |
-//            |___/
-//
-
-module.exports = {
-  // An array of folders (excluding subfolders) where your tests are located;
-  // if this is not specified, the test source must be passed as the second argument to the test runner.
-  src_folders: [],
-
-  // See https://nightwatchjs.org/guide/concepts/page-object-model.html
-  page_objects_path: [],
-
-  // See https://nightwatchjs.org/guide/extending-nightwatch/adding-custom-commands.html
-  custom_commands_path: [],
-
-  // See https://nightwatchjs.org/guide/extending-nightwatch/adding-custom-assertions.html
-  custom_assertions_path: [],
-
-  // See https://nightwatchjs.org/guide/extending-nightwatch/adding-plugins.html
-  plugins: ['@nightwatch/vue'],
-
-  // See https://nightwatchjs.org/guide/concepts/test-globals.html#external-test-globals
-  globals_path: '',
-
-  vite_dev_server: {
-    start_vite: true,
-    port: process.env.CI ? 4173 : 5173,
-  },
-
-  webdriver: {},
-
-  test_workers: {
-    enabled: true,
-    workers: 'auto',
-  },
-
-  test_settings: {
-    default: {
-      disable_error_log: false,
-      launch_url: `http://localhost:${process.env.CI ? '4173' : '5173'}`,
-
-      screenshots: {
-        enabled: false,
-        path: 'screens',
-        on_failure: true,
-      },
-
-      desiredCapabilities: {
-        browserName: 'firefox',
-      },
-
-      webdriver: {
-        start_process: true,
-        server_path: '',
-      },
-    },
-
-    safari: {
-      desiredCapabilities: {
-        browserName: 'safari',
-        alwaysMatch: {
-          acceptInsecureCerts: false,
-        },
-      },
-      webdriver: {
-        start_process: true,
-        server_path: '',
-      },
-    },
-
-    firefox: {
-      desiredCapabilities: {
-        browserName: 'firefox',
-        alwaysMatch: {
-          acceptInsecureCerts: true,
-          'moz:firefoxOptions': {
-            args: [
-              // '-headless',
-              // '-verbose'
-            ],
-          },
-        },
-      },
-      webdriver: {
-        start_process: true,
-        server_path: '',
-        cli_args: [
-          // very verbose geckodriver logs
-          // '-vv'
-        ],
-      },
-    },
-
-    chrome: {
-      desiredCapabilities: {
-        browserName: 'chrome',
-        'goog:chromeOptions': {
-          // More info on Chromedriver: https://sites.google.com/a/chromium.org/chromedriver/
-          //
-          // w3c:false tells Chromedriver to run using the legacy JSONWire protocol (not required in Chrome 78)
-          w3c: true,
-          args: [
-            //'--no-sandbox',
-            //'--ignore-certificate-errors',
-            //'--allow-insecure-localhost',
-            //'--headless'
-          ],
-        },
-      },
-
-      webdriver: {
-        start_process: true,
-        server_path: '',
-        cli_args: [
-          // --verbose
-        ],
-      },
-    },
-
-    edge: {
-      desiredCapabilities: {
-        browserName: 'MicrosoftEdge',
-        'ms:edgeOptions': {
-          w3c: true,
-          // More info on EdgeDriver: https://docs.microsoft.com/en-us/microsoft-edge/webdriver-chromium/capabilities-edge-options
-          args: [
-            //'--headless'
-          ],
-        },
-      },
-
-      webdriver: {
-        start_process: true,
-        // Download msedgedriver from https://docs.microsoft.com/en-us/microsoft-edge/webdriver-chromium/
-        //  and set the location below:
-        server_path: '',
-        cli_args: [
-          // --verbose
-        ],
-      },
-    },
-  },
-}

package/template/config/nightwatch/package.json

@@ -1,15 +0,0 @@
-{
-  "scripts": {
-    "test:e2e": "nightwatch tests/e2e/*"
-  },
-  "devDependencies": {
-    "@nightwatch/vue": "^3.1.2",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "chromedriver": "^145.0.6",
-    "geckodriver": "^6.1.0",
-    "nightwatch": "^3.15.0",
-    "ts-node": "^10.9.2",
-    "vite": "^7.3.1",
-    "vite-plugin-nightwatch": "^0.4.6"
-  }
-}

package/template/config/nightwatch/tests/e2e/example.js

@@ -1,11 +0,0 @@
-describe('My First Test', function () {
-  before((browser) => {
-    browser.init()
-  })
-
-  it('visits the app root url', function () {
-    browser.assert.textContains('h1', 'You did it!')
-  })
-
-  after((browser) => browser.end())
-})

package/template/config/nightwatch/vite.config.js.data.mjs

@@ -1,12 +0,0 @@
-export default function getData({ oldData }) {
-  const nightwatchPlugin = {
-    id: 'nightwatch',
-    importer: "import nightwatchPlugin from 'vite-plugin-nightwatch'",
-    initializer: 'nightwatchPlugin()',
-  }
-
-  return {
-    ...oldData,
-    plugins: [...oldData.plugins, nightwatchPlugin],
-  }
-}

package/template/config/nightwatch-ct/nightwatch/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <!-- Loading the main css file, so every component has all the css applied -->
-  <link rel="stylesheet" href="../src/assets/main.css">
-  <title>Vue Renderer</title>
-</head>
-
-<body>
-  <div id="app"></div>
-</body>
-
-</html>