npm - create-vue - Versions diffs - 3.2.0 → 3.2.3 - Mend

create-vue 3.2.0 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.2.0",
+  "version": "3.2.3",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {
@@ -25,19 +25,19 @@
   },
   "homepage": "https://github.com/vuejs/create-vue#readme",
   "devDependencies": {
-    "@types/eslint": "^8.4.2",
+    "@types/eslint": "^8.4.5",
     "@types/prompts": "^2.0.14",
     "@vue/tsconfig": "^0.1.3",
-    "esbuild": "^0.14.42",
+    "esbuild": "^0.14.49",
     "esbuild-plugin-license": "^1.2.2",
     "husky": "^8.0.1",
     "kolorist": "^1.5.1",
-    "lint-staged": "^12.4.3",
+    "lint-staged": "^13.0.3",
     "minimist": "^1.2.6",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "prompts": "^2.4.2",
-    "zx": "^6.1.0"
+    "zx": "^4.3.0"
   },
   "lint-staged": {
     "*.{js,ts,vue,json}": [

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

@@ -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.9/node_modules/vite/bin/vite.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@2.9.14/node_modules/vite/bin/vite.js" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/vite@2.9.9/node_modules/vite/bin/vite.js" "$@"
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@2.9.14/node_modules/vite/bin/vite.js" "$@"
 fi

package/template/base/package.json CHANGED Viewed

@@ -5,10 +5,10 @@
     "preview": "vite preview --port 4173"
   },
   "dependencies": {
-    "vue": "^3.2.36"
+    "vue": "^3.2.37"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.3.3",
-    "vite": "^2.9.9"
+    "vite": "^2.9.14"
   }
 }

package/template/{code/default → base}/src/assets/base.css RENAMED Viewed

File without changes

package/template/{code/default → base}/src/assets/logo.svg RENAMED Viewed

File without changes

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

@@ -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/code/default/src/App.vue CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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.0.2/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.0.2/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 CHANGED Viewed

@@ -4,7 +4,7 @@
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress run --e2e'"
   },
   "devDependencies": {
-    "cypress": "^10.0.2",
+    "cypress": "^10.3.0",
     "start-server-and-test": "^1.14.0"
   }
 }

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

@@ -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 CHANGED Viewed

@@ -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'
 // Augment the Cypress namespace to include type definitions for

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

@@ -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.0.2/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.0.2/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 CHANGED Viewed

@@ -4,9 +4,9 @@
     "test:unit:ci": "cypress run --component --quiet --reporter spec"
   },
   "dependencies": {
-    "vue": "^3.2.36"
+    "vue": "^3.2.37"
   },
   "devDependencies": {
-    "cypress": "^10.0.2"
+    "cypress": "^10.3.0"
   }
 }

package/template/config/pinia/package.json CHANGED Viewed

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

package/template/config/router/package.json CHANGED Viewed

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

package/template/config/typescript/node_modules/.bin/tsc CHANGED Viewed

@@ -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/typescript@4.7.2/node_modules/typescript/bin/tsc" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsc" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.2/node_modules/typescript/bin/tsc" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsc" "$@"
 fi

package/template/config/typescript/node_modules/.bin/tsserver CHANGED Viewed

@@ -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/typescript@4.7.2/node_modules/typescript/bin/tsserver" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsserver" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.2/node_modules/typescript/bin/tsserver" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsserver" "$@"
 fi

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

@@ -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.35.2_typescript@4.7.2/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.4_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.35.2_typescript@4.7.2/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.4_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
 fi

package/template/config/typescript/package.json CHANGED Viewed

@@ -5,9 +5,9 @@
     "type-check": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "@types/node": "^16.11.36",
+    "@types/node": "^16.11.43",
     "npm-run-all": "^4.1.5",
-    "typescript": "~4.7.2",
-    "vue-tsc": "^0.35.2"
+    "typescript": "~4.7.4",
+    "vue-tsc": "^0.38.4"
   }
 }

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

@@ -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.13.0_jsdom@19.0.0/node_modules/vitest/vitest.mjs" "$@"
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.0_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
 else
-  exec node  "$basedir/../../../../../node_modules/.pnpm/vitest@0.13.0_jsdom@19.0.0/node_modules/vitest/vitest.mjs" "$@"
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.0_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
 fi

package/template/config/vitest/package.json CHANGED Viewed

@@ -3,11 +3,11 @@
     "test:unit": "vitest --environment jsdom"
   },
   "dependencies": {
-    "vue": "^3.2.36"
+    "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@vue/test-utils": "^2.0.0",
-    "jsdom": "^19.0.0",
-    "vitest": "^0.13.0"
+    "@vue/test-utils": "^2.0.2",
+    "jsdom": "^20.0.0",
+    "vitest": "^0.18.0"
   }
 }

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/eslint/package.json CHANGED Viewed

@@ -2,10 +2,10 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.0",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.5.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-vue": "^8.2.0",
+    "eslint-plugin-vue": "^9.0.0",
     "prettier": "^2.5.1"
   }
 }