create-vue 3.0.0-beta.8 → 3.0.2

package/README.md

@@ -7,5 +7,11 @@ An easy way to start a Vue project
 ## Usage
 
 ```sh
-npm init vue@next
+npm init vue@3
+```
+
+Or, if you need to support IE11, you can create a Vue 2 project with:
+
+```sh
+npm init vue@2
 ```

package/outfile.cjs

@@ -5529,7 +5529,7 @@ async function init() {
     },
     boolean: true
   });
-  const isFeatureFlagsUsed = typeof (argv.default || argv.ts || argv.jsx || argv.router || argv.vuex || argv.tests) === "boolean";
+  const isFeatureFlagsUsed = typeof (argv.default || argv.ts || argv.jsx || argv.router || argv.pinia || argv.tests) === "boolean";
   let targetDir = argv._[0];
   const defaultProjectName = !targetDir ? "vue-project" : targetDir;
   const forceOverwrite = argv.force;
@@ -5592,9 +5592,9 @@ async function init() {
         inactive: "No"
       },
       {
-        name: "needsVuex",
+        name: "needsPinia",
         type: () => isFeatureFlagsUsed ? null : "toggle",
-        message: "Add Vuex for state management?",
+        message: "Add Pinia for state management?",
         initial: false,
         active: "Yes",
         inactive: "No"
@@ -5622,7 +5622,7 @@ async function init() {
     needsJsx = argv.jsx,
     needsTypeScript = argv.typescript,
     needsRouter = argv.router,
-    needsVuex = argv.vuex,
+    needsPinia = argv.pinia,
     needsTests = argv.tests
   } = result;
   const root = import_path3.default.join(cwd, targetDir);
@@ -5647,8 +5647,8 @@ Scaffolding project in ${root}...`);
   if (needsRouter) {
     render("config/router");
   }
-  if (needsVuex) {
-    render("config/vuex");
+  if (needsPinia) {
+    render("config/pinia");
   }
   if (needsTests) {
     render("config/cypress");
@@ -5658,10 +5658,10 @@ Scaffolding project in ${root}...`);
   }
   const codeTemplate = (needsTypeScript ? "typescript-" : "") + (needsRouter ? "router" : "default");
   render(`code/${codeTemplate}`);
-  if (needsVuex && needsRouter) {
-    render("entry/vuex-and-router");
-  } else if (needsVuex) {
-    render("entry/vuex");
+  if (needsPinia && needsRouter) {
+    render("entry/router-and-pinia");
+  } else if (needsPinia) {
+    render("entry/pinia");
   } else if (needsRouter) {
     render("entry/router");
   } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.0.0-beta.8",
+  "version": "3.0.2",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {
@@ -13,15 +13,6 @@
   "engines": {
     "node": "^14.13.1 || >=16.0.0"
   },
-  "scripts": {
-    "prepare": "husky install",
-    "format": "prettier --write .",
-    "build": "esbuild --bundle index.js --format=cjs --platform=node --outfile=outfile.cjs",
-    "snapshot": "node snapshot.js",
-    "pretest": "run-s build snapshot",
-    "test": "node test.js",
-    "prepublishOnly": "run-s build snapshot"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuejs/create-vue.git"
@@ -40,12 +31,19 @@
     "lint-staged": "^12.1.2",
     "minimist": "^1.2.5",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.4.1",
+    "prettier": "^2.5.1",
     "prompts": "^2.4.2"
   },
   "lint-staged": {
     "*.{js,ts,vue,json}": [
       "prettier --write"
     ]
+  },
+  "scripts": {
+    "format": "prettier --write .",
+    "build": "esbuild --bundle index.js --format=cjs --platform=node --outfile=outfile.cjs",
+    "snapshot": "node snapshot.js",
+    "pretest": "run-s build snapshot",
+    "test": "node test.js"
   }
-}
+}

package/template/base/_gitignore

@@ -17,7 +17,7 @@ dist-ssr
 /cypress/screenshots/
 
 # Editor directories and files
-.vscode
+.vscode/*
 !.vscode/extensions.json
 .idea
 *.suo

package/template/base/package.json

@@ -5,10 +5,10 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "vue": "^3.2.22"
+    "vue": "^3.2.26"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.10.0",
-    "vite": "^2.6.14"
+    "@vitejs/plugin-vue": "^2.0.0",
+    "vite": "^2.7.1"
   }
 }

package/template/code/default/src/components/HelloWorld.vue

@@ -37,7 +37,6 @@ h3 {
 @media (min-width: 1024px) {
   .greetings h1,
   .greetings h3 {
-    display: block;
     text-align: left;
   }
 }

package/template/config/cypress/package.json

@@ -8,7 +8,7 @@
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "cypress": "^8.7.0",
+    "cypress": "^9.1.1",
     "start-server-and-test": "^1.14.0"
   }
 }

package/template/config/jsx/package.json

@@ -1,5 +1,5 @@
 {
   "devDependencies": {
-    "@vitejs/plugin-vue-jsx": "^1.3.0"
+    "@vitejs/plugin-vue-jsx": "^1.3.1"
   }
 }

package/template/config/pinia/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "pinia": "^2.0.6"
+  }
+}

package/template/config/pinia/src/stores/counter.js

@@ -0,0 +1,16 @@
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore({
+  id: 'counter',
+  state: () => ({
+    counter: 0
+  }),
+  getters: {
+    doubleCount: (state) => state.counter * 2
+  },
+  actions: {
+    increment() {
+      this.counter++
+    }
+  }
+})

package/template/config/typescript/package.json

@@ -4,7 +4,8 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "typescript": "~4.4.4",
-    "vue-tsc": "^0.29.6"
+    "@types/node": "^16.11.12",
+    "typescript": "~4.5.3",
+    "vue-tsc": "^0.29.8"
   }
 }

package/template/entry/{vuex → pinia}/src/main.js

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import App from './App.vue'
-import store from './store'
 
 const app = createApp(App)
 
-app.use(store)
+app.use(createPinia())
 
 app.mount('#app')

package/template/entry/{vuex-and-router → router-and-pinia}/src/main.js

@@ -1,12 +1,12 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+import { createPinia } from 'pinia'
 
+import App from './App.vue'
 import router from './router'
-import store from './store'
 
 const app = createApp(App)
 
+app.use(createPinia())
 app.use(router)
-app.use(store)
 
 app.mount('#app')

package/template/code/typescript-router/src/main.ts

@@ -1,9 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-
-const app = createApp(App)
-
-app.use(router)
-
-app.mount('#app')