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

create-vue 3.2.2 → 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 (34) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {
@@ -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 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.12/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.12/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

@@ -9,6 +9,6 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.3.3",
-    "vite": "^2.9.12"
+    "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.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 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.1.0",
+    "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.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 CHANGED Viewed

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

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

@@ -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 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.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.4_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.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.41",
+    "@types/node": "^16.11.43",
     "npm-run-all": "^4.1.5",
     "typescript": "~4.7.4",
-    "vue-tsc": "^0.38.1"
+    "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.15.1_jsdom@20.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.15.1_jsdom@20.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

@@ -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.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/code/router/src/assets/base.css DELETED Viewed

@@ -1,74 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-  --vt-c-indigo: #2c3e50;
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-  --section-gap: 160px;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  position: relative;
-  font-weight: normal;
-}
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}

package/template/code/router/src/assets/logo.svg DELETED Viewed

	@@ -1 +0,0 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69" xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>