create-vite - npm Package Compare versions

Comparing version 3.2.1 to 4.0.0-beta.0

package.json

 {
   "name": "create-vite",
-  "version": "3.2.1",
+  "version": "4.0.0-beta.0",
   "type": "module",
@@ -5,0 +5,0 @@ "license": "MIT",

template-lit-ts/package.json

@@ -20,8 +20,8 @@ {
   "dependencies": {
-    "lit": "^2.4.0"
+    "lit": "^2.4.1"
   },
   "devDependencies": {
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3"
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-lit-ts/vite.config.ts

@@ -8,8 +8,8 @@ import { defineConfig } from 'vite'
       entry: 'src/my-element.ts',
-      formats: ['es']
+      formats: ['es'],
     },
     rollupOptions: {
-      external: /^lit/
-    }
-  }
+      external: /^lit/,
+    },
+  },
 })

template-lit/package.json

@@ -18,7 +18,7 @@ {
   "dependencies": {
-    "lit": "^2.4.0"
+    "lit": "^2.4.1"
   },
   "devDependencies": {
-    "vite": "^3.2.3"
+    "vite": "^4.0.0-beta.3"
   }
 }

template-lit/src/my-element.js

@@ -21,3 +21,3 @@ import { LitElement, css, html } from 'lit'
        */
-      count: { type: Number }
+      count: { type: Number },
     }
@@ -24,0 +24,0 @@ }

template-lit/vite.config.js

@@ -8,8 +8,8 @@ import { defineConfig } from 'vite'
       entry: 'src/my-element.js',
-      formats: ['es']
+      formats: ['es'],
     },
     rollupOptions: {
-      external: /^lit/
-    }
-  }
+      external: /^lit/,
+    },
+  },
 })

template-preact-ts/package.json

@@ -12,9 +12,9 @@ {
   "dependencies": {
-    "preact": "^10.11.2"
+    "preact": "^10.11.3"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.4.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3"
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-preact-ts/vite.config.ts

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [preact()]
+  plugins: [preact()],
 })

template-preact/package.json

@@ -12,8 +12,8 @@ {
   "dependencies": {
-    "preact": "^10.11.2"
+    "preact": "^10.11.3"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.4.0",
-    "vite": "^3.2.3"
+    "vite": "^4.0.0-beta.3"
   }
 }

template-preact/vite.config.js

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [preact()]
+  plugins: [preact()],
 })

template-react-ts/package.json

@@ -16,8 +16,8 @@ {
   "devDependencies": {
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "@vitejs/plugin-react": "^2.2.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3"
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^3.0.0-beta.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-react-ts/vite.config.ts

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 })

template-react/package.json

@@ -16,7 +16,7 @@ {
   "devDependencies": {
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "@vitejs/plugin-react": "^2.2.0",
-    "vite": "^3.2.3"
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^3.0.0-beta.0",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-react/src/main.jsx

@@ -9,3 +9,3 @@ import React from 'react'
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )

template-react/vite.config.js

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 })

template-svelte-ts/package.json

@@ -13,11 +13,11 @@ {
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.1.0",
+    "@sveltejs/vite-plugin-svelte": "^2.0.0-beta.0",
     "@tsconfig/svelte": "^3.0.0",
-    "svelte": "^3.52.0",
-    "svelte-check": "^2.9.2",
+    "svelte": "^3.53.1",
+    "svelte-check": "^2.10.0",
     "svelte-preprocess": "^4.10.7",
-    "tslib": "^2.4.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3"
+    "tslib": "^2.4.1",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-svelte-ts/src/main.ts

@@ -5,5 +5,5 @@ import './app.css'
 const app = new App({
-  target: document.getElementById('app')
+  target: document.getElementById('app'),
 })
 
 export default app

template-svelte-ts/svelte.config.js

@@ -6,3 +6,3 @@ import sveltePreprocess from 'svelte-preprocess'
   // for more information about preprocessors
-  preprocess: sveltePreprocess()
+  preprocess: sveltePreprocess(),
 }

template-svelte-ts/vite.config.ts

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [svelte()]
+  plugins: [svelte()],
 })

template-svelte/package.json

@@ -12,6 +12,6 @@ {
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.1.0",
-    "svelte": "^3.52.0",
-    "vite": "^3.2.3"
+    "@sveltejs/vite-plugin-svelte": "^2.0.0-beta.0",
+    "svelte": "^3.53.1",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-svelte/src/main.js

@@ -5,5 +5,5 @@ import './app.css'
 const app = new App({
-  target: document.getElementById('app')
+  target: document.getElementById('app'),
 })
 
 export default app

template-svelte/vite.config.js

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [svelte()]
+  plugins: [svelte()],
 })

template-vanilla-ts/package.json

@@ -12,5 +12,5 @@ {
   "devDependencies": {
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3"
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-vanilla/package.json

@@ -12,4 +12,4 @@ {
   "devDependencies": {
-    "vite": "^3.2.3"
+    "vite": "^4.0.0-beta.3"
   }
 }

template-vue-ts/.vscode/extensions.json

 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
 }

template-vue-ts/package.json

@@ -12,10 +12,10 @@ {
   "dependencies": {
-    "vue": "^3.2.41"
+    "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.2.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3",
-    "vue-tsc": "^1.0.9"
+    "@vitejs/plugin-vue": "^4.0.0-beta.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0-beta.3",
+    "vue-tsc": "^1.0.11"
   }
 }

template-vue-ts/README.md

@@ -7,11 +7,13 @@ # Vue 3 + TypeScript + Vite
 
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
 
 ## Type Support For `.vue` Imports in TS
 
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
 
-1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
-2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
 
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

template-vue-ts/src/vite-env.d.ts

 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}

template-vue-ts/vite.config.ts

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
 })

template-vue/.vscode/extensions.json

 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
 }

template-vue/package.json

@@ -12,8 +12,8 @@ {
   "dependencies": {
-    "vue": "^3.2.41"
+    "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.2.0",
-    "vite": "^3.2.3"
+    "@vitejs/plugin-vue": "^4.0.0-beta.0",
+    "vite": "^4.0.0-beta.3"
   }
 }

template-vue/README.md

@@ -7,2 +7,2 @@ # Vue 3 + Vite
 
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

template-vue/vite.config.js

@@ -6,3 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
 })

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

171040

increased by0.07%

Worsened metrics

Lines of code

1897

decreased by-0.26%

Number of low quality alerts

1

increased byInfinity%

No dependency changes