create-vue 3.2.2 → 3.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.2.2",
+  "version": "3.3.1",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {
@@ -11,7 +11,7 @@
     "template"
   ],
   "engines": {
-    "node": "^14.16.0 || >=16.0.0"
+    "node": "^14.18.0 || >=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -25,14 +25,14 @@
   },
   "homepage": "https://github.com/vuejs/create-vue#readme",
   "devDependencies": {
-    "@types/eslint": "^8.4.3",
+    "@types/eslint": "^8.4.5",
     "@types/prompts": "^2.0.14",
     "@vue/tsconfig": "^0.1.3",
-    "esbuild": "^0.14.47",
+    "esbuild": "^0.14.49",
     "esbuild-plugin-license": "^1.2.2",
     "husky": "^8.0.1",
     "kolorist": "^1.5.1",
-    "lint-staged": "^13.0.2",
+    "lint-staged": "^13.0.3",
     "minimist": "^1.2.6",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",

package/template/base/node_modules/.bin/vite

@@ -11,7 +11,7 @@ else
   export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@2.9.12/node_modules/vite/bin/vite.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@3.0.1/node_modules/vite/bin/vite.js" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/vite@2.9.12/node_modules/vite/bin/vite.js" "$@"
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@3.0.1/node_modules/vite/bin/vite.js" "$@"
 fi

package/template/base/package.json

@@ -8,7 +8,7 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.3.3",
-    "vite": "^2.9.12"
+    "@vitejs/plugin-vue": "^3.0.1",
+    "vite": "^3.0.1"
   }
 }

package/template/base/src/assets/main.css

@@ -0,0 +1,35 @@
+@import "./base.css";
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 2rem;
+  }
+}

package/template/base/vite.config.js

@@ -1,4 +1,4 @@
-import { fileURLToPath, URL } from 'url'
+import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'

package/template/code/default/src/App.vue

@@ -17,17 +17,7 @@ import TheWelcome from './components/TheWelcome.vue'
   </main>
 </template>
 
-<style>
-@import './assets/base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
+<style scoped>
 header {
   line-height: 1.5;
 }
@@ -37,45 +27,21 @@ header {
   margin: 0 auto 2rem;
 }
 
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
 @media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-
   header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
+  .logo {
+    margin: 0 2rem 0 0;
+  }
+
   header .wrapper {
     display: flex;
     place-items: flex-start;
     flex-wrap: wrap;
   }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
 }
 </style>

package/template/code/router/src/App.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from '@/components/HelloWorld.vue'
+import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
@@ -20,17 +20,7 @@ import HelloWorld from '@/components/HelloWorld.vue'
   <RouterView />
 </template>
 
-<style>
-@import '@/assets/base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
+<style scoped>
 header {
   line-height: 1.5;
   max-height: 100vh;
@@ -41,19 +31,6 @@ header {
   margin: 0 auto 2rem;
 }
 
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
 nav {
   width: 100%;
   font-size: 12px;
@@ -80,33 +57,22 @@ nav a:first-of-type {
 }
 
 @media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-
   header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
+  .logo {
+    margin: 0 2rem 0 0;
+  }
+
   header .wrapper {
     display: flex;
     place-items: flex-start;
     flex-wrap: wrap;
   }
 
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
   nav {
     text-align: left;
     margin-left: -1rem;

package/template/code/typescript-default/src/App.vue

@@ -17,17 +17,7 @@ import TheWelcome from './components/TheWelcome.vue'
   </main>
 </template>
 
-<style>
-@import './assets/base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
+<style scoped>
 header {
   line-height: 1.5;
 }
@@ -37,45 +27,21 @@ header {
   margin: 0 auto 2rem;
 }
 
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
 @media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-
   header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
+  .logo {
+    margin: 0 2rem 0 0;
+  }
+
   header .wrapper {
     display: flex;
     place-items: flex-start;
     flex-wrap: wrap;
   }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
 }
 </style>

package/template/code/typescript-router/src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from '@/components/HelloWorld.vue'
+import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
@@ -20,17 +20,7 @@ import HelloWorld from '@/components/HelloWorld.vue'
   <RouterView />
 </template>
 
-<style>
-@import '@/assets/base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
+<style scoped>
 header {
   line-height: 1.5;
   max-height: 100vh;
@@ -41,19 +31,6 @@ header {
   margin: 0 auto 2rem;
 }
 
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
 nav {
   width: 100%;
   font-size: 12px;
@@ -80,33 +57,22 @@ nav a:first-of-type {
 }
 
 @media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-
   header {
     display: flex;
     place-items: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
+  .logo {
+    margin: 0 2rem 0 0;
+  }
+
   header .wrapper {
     display: flex;
     place-items: flex-start;
     flex-wrap: wrap;
   }
 
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
   nav {
     text-align: left;
     margin-left: -1rem;

package/template/config/cypress/node_modules/.bin/cypress

@@ -11,7 +11,7 @@ else
   export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/cypress@10.1.0/node_modules/cypress/bin/cypress" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/cypress@10.3.0/node_modules/cypress/bin/cypress" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/cypress@10.1.0/node_modules/cypress/bin/cypress" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/cypress@10.3.0/node_modules/cypress/bin/cypress" "$@"
 fi

package/template/config/cypress/package.json

@@ -1,10 +1,10 @@
 {
   "scripts": {
-    "test:e2e": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress open --e2e'",
-    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress run --e2e'"
+    "test:e2e": "start-server-and-test preview http://localhost:4173/ 'cypress open --e2e'",
+    "test:e2e:ci": "start-server-and-test preview http://localhost:4173/ 'cypress run --e2e'"
   },
   "devDependencies": {
-    "cypress": "^10.1.0",
+    "cypress": "^10.3.0",
     "start-server-and-test": "^1.14.0"
   }
 }

package/template/config/cypress-ct/cypress/support/component.js

@@ -19,6 +19,9 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/assets/main.css'
+
 import { mount } from 'cypress/vue'
 
 Cypress.Commands.add('mount', mount)

package/template/config/cypress-ct/cypress/support/component.ts

@@ -19,12 +19,16 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/assets/main.css'
+
 import { mount } from 'cypress/vue'
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
 // Alternatively, can be defined in cypress/support/component.d.ts
 // with a <reference path="./component" /> at the top of your spec.
+/* eslint-disable @typescript-eslint/no-namespace */
 declare global {
   namespace Cypress {
     interface Chainable {

package/template/config/cypress-ct/node_modules/.bin/cypress

@@ -11,7 +11,7 @@ else
   export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/cypress@10.1.0/node_modules/cypress/bin/cypress" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/cypress@10.3.0/node_modules/cypress/bin/cypress" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/cypress@10.1.0/node_modules/cypress/bin/cypress" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/cypress@10.3.0/node_modules/cypress/bin/cypress" "$@"
 fi

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

@@ -7,6 +7,6 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "cypress": "^10.1.0"
+    "cypress": "^10.3.0"
   }
 }

package/template/config/jsx/node_modules/.bin/vite

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vite@3.0.1/node_modules/vite/bin/vite.js" "$@"
+else
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vite@3.0.1/node_modules/vite/bin/vite.js" "$@"
+fi

package/template/config/jsx/package.json

@@ -1,5 +1,9 @@
 {
+  "dependencies": {
+    "vue": "^3.2.37"
+  },
   "devDependencies": {
-    "@vitejs/plugin-vue-jsx": "^1.3.10"
+    "@vitejs/plugin-vue-jsx": "^2.0.0",
+    "vite": "^3.0.1"
   }
 }

package/template/config/jsx/vite.config.js

@@ -1,4 +1,4 @@
-import { fileURLToPath, URL } from 'url'
+import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'

package/template/config/pinia/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "pinia": "^2.0.14",
+    "pinia": "^2.0.16",
     "vue": "^3.2.37"
   }
 }

package/template/config/router/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
     "vue": "^3.2.37",
-    "vue-router": "^4.0.16"
+    "vue-router": "^4.1.2"
   }
 }

package/template/config/typescript/node_modules/.bin/vue-tsc

@@ -11,7 +11,7 @@ else
   export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.1_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.8_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.1_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.8_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
 fi

package/template/config/typescript/package.json

@@ -5,9 +5,9 @@
     "type-check": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "@types/node": "^16.11.41",
+    "@types/node": "^16.11.45",
     "npm-run-all": "^4.1.5",
     "typescript": "~4.7.4",
-    "vue-tsc": "^0.38.1"
+    "vue-tsc": "^0.38.8"
   }
 }

package/template/config/vitest/node_modules/.bin/vitest

@@ -11,7 +11,7 @@ else
   export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vitest@0.15.1_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.1_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/vitest@0.15.1_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.1_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
 fi

package/template/config/vitest/package.json

@@ -6,8 +6,8 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@vue/test-utils": "^2.0.0",
+    "@vue/test-utils": "^2.0.2",
     "jsdom": "^20.0.0",
-    "vitest": "^0.15.1"
+    "vitest": "^0.18.1"
   }
 }

package/template/entry/default/src/main.js

@@ -1,4 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
+import './assets/main.css'
+
 createApp(App).mount('#app')

package/template/entry/pinia/src/main.js

@@ -2,6 +2,8 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 
+import './assets/main.css'
+
 const app = createApp(App)
 
 app.use(createPinia())

package/template/entry/router/src/main.js

@@ -2,6 +2,8 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 
+import './assets/main.css'
+
 const app = createApp(App)
 
 app.use(router)

package/template/entry/router-and-pinia/src/main.js

@@ -4,6 +4,8 @@ import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
 
+import './assets/main.css'
+
 const app = createApp(App)
 
 app.use(createPinia())

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

@@ -1,6 +1,12 @@
 {
   "extends": "./tsconfig.app.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "cypress/support/component.*"],
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue",
+    "cypress/support/component.*",
+    "cypress/support/commands.ts"
+  ],
   "exclude": [],
   "compilerOptions": {
     "composite": true