npm - create-vite-extra - Versions diffs - 2.2.0 → 2.4.0 - Mend

create-vite-extra 2.2.0 → 2.4.0

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 (244) hide show

package/LICENSE +124 -0
package/README.md +2 -2
package/index.js +118 -125
package/package.json +6 -2
package/template-deno-lit/.vscode/extensions.json +3 -0
package/template-deno-lit/README.md +1 -12
package/template-deno-lit/deno.json +8 -0
package/template-deno-lit/index.html +1 -1
package/template-deno-lit/src/my-element.js +3 -3
package/template-deno-lit/vite.config.js +16 -0
package/template-deno-lit-ts/.vscode/extensions.json +3 -0
package/template-deno-lit-ts/README.md +1 -12
package/template-deno-lit-ts/deno.json +9 -0
package/template-deno-lit-ts/index.html +1 -1
package/template-deno-lit-ts/src/my-element.ts +5 -4
package/template-deno-lit-ts/tsconfig.json +1 -0
package/template-deno-lit-ts/vite.config.ts +16 -0
package/template-deno-preact/.vscode/extensions.json +3 -0
package/template-deno-preact/README.md +1 -12
package/template-deno-preact/deno.json +12 -1
package/template-deno-preact/index.html +1 -1
package/template-deno-preact/src/app.jsx +2 -2
package/template-deno-preact/src/main.jsx +2 -2
package/template-deno-preact/vite.config.js +8 -0
package/template-deno-preact-ts/.vscode/extensions.json +3 -0
package/template-deno-preact-ts/README.md +1 -12
package/template-deno-preact-ts/deno.json +12 -1
package/template-deno-preact-ts/index.html +1 -1
package/template-deno-preact-ts/src/app.tsx +3 -2
package/template-deno-preact-ts/src/main.tsx +2 -2
package/template-deno-preact-ts/vite.config.ts +8 -0
package/template-deno-react/.vscode/extensions.json +3 -0
package/template-deno-react/README.md +1 -12
package/template-deno-react/deno.json +16 -1
package/template-deno-react/index.html +1 -1
package/template-deno-react/src/App.jsx +3 -2
package/template-deno-react/src/main.jsx +8 -6
package/template-deno-react/vite.config.js +8 -0
package/template-deno-react-ts/.vscode/extensions.json +3 -0
package/template-deno-react-ts/README.md +1 -12
package/template-deno-react-ts/deno.json +16 -1
package/template-deno-react-ts/index.html +1 -1
package/template-deno-react-ts/src/App.tsx +4 -2
package/template-deno-react-ts/src/main.tsx +8 -6
package/template-deno-react-ts/vite.config.ts +8 -0
package/template-deno-solid/.vscode/extensions.json +3 -0
package/template-deno-solid/README.md +1 -12
package/template-deno-solid/deno.json +12 -1
package/template-deno-solid/index.html +1 -1
package/template-deno-solid/src/App.jsx +2 -2
package/template-deno-solid/src/main.jsx +2 -3
package/template-deno-solid/vite.config.js +8 -0
package/template-deno-solid-ts/.vscode/extensions.json +3 -0
package/template-deno-solid-ts/README.md +1 -12
package/template-deno-solid-ts/deno.json +12 -1
package/template-deno-solid-ts/index.html +1 -1
package/template-deno-solid-ts/src/App.tsx +3 -2
package/template-deno-solid-ts/src/main.tsx +3 -4
package/template-deno-solid-ts/vite.config.ts +8 -0
package/template-deno-svelte/.vscode/extensions.json +1 -1
package/template-deno-svelte/README.md +1 -12
package/template-deno-svelte/deno.json +10 -1
package/template-deno-svelte/index.html +1 -1
package/template-deno-svelte/src/App.svelte +1 -1
package/template-deno-svelte/src/lib/Counter.svelte +2 -2
package/template-deno-svelte/src/main.js +3 -2
package/template-deno-svelte/svelte.config.js +2 -2
package/template-deno-svelte/vite.config.js +8 -0
package/template-deno-svelte-ts/.vscode/extensions.json +1 -1
package/template-deno-svelte-ts/README.md +1 -12
package/template-deno-svelte-ts/deno.json +10 -1
package/template-deno-svelte-ts/index.html +1 -1
package/template-deno-svelte-ts/src/App.svelte +1 -1
package/template-deno-svelte-ts/src/lib/Counter.svelte +2 -2
package/template-deno-svelte-ts/src/main.ts +3 -2
package/template-deno-svelte-ts/svelte.config.js +2 -2
package/template-deno-svelte-ts/vite.config.ts +8 -0
package/template-deno-vanilla/.vscode/extensions.json +3 -0
package/template-deno-vanilla/deno.json +8 -1
package/template-deno-vanilla/index.html +1 -1
package/template-deno-vanilla/main.js +1 -1
package/template-deno-vanilla/vite.config.js +7 -0
package/template-deno-vanilla-ts/.vscode/extensions.json +3 -0
package/template-deno-vanilla-ts/deno.json +8 -1
package/template-deno-vanilla-ts/index.html +1 -1
package/template-deno-vanilla-ts/src/main.ts +1 -1
package/template-deno-vanilla-ts/vite.config.ts +7 -0
package/template-deno-vue/.vscode/extensions.json +3 -0
package/template-deno-vue/README.md +1 -12
package/template-deno-vue/deno.json +10 -1
package/template-deno-vue/index.html +1 -1
package/template-deno-vue/src/App.vue +1 -1
package/template-deno-vue/src/components/HelloWorld.vue +1 -1
package/template-deno-vue/src/main.js +1 -1
package/template-deno-vue/vite.config.js +8 -0
package/template-deno-vue-ts/.vscode/extensions.json +3 -0
package/template-deno-vue-ts/README.md +1 -23
package/template-deno-vue-ts/deno.json +10 -1
package/template-deno-vue-ts/index.html +1 -1
package/template-deno-vue-ts/src/App.vue +1 -1
package/template-deno-vue-ts/src/main.ts +1 -1
package/template-deno-vue-ts/vite.config.ts +8 -0
package/template-library/index.html +1 -1
package/template-library/main.js +1 -1
package/template-library/package.json +1 -1
package/template-library/vite.config.js +3 -3
package/template-library-ts/index.html +1 -1
package/template-library-ts/package.json +2 -2
package/template-library-ts/src/main.ts +1 -1
package/template-library-ts/tsconfig.json +3 -2
package/template-library-ts/vite.config.ts +3 -3
package/template-ssr-preact/index.html +1 -1
package/template-ssr-preact/package.json +6 -6
package/template-ssr-preact/server.js +2 -2
package/template-ssr-preact/src/app.jsx +2 -2
package/template-ssr-preact/vite.config.js +5 -5
package/template-ssr-preact-ts/index.html +1 -1
package/template-ssr-preact-ts/package-lock.json +2923 -0
package/template-ssr-preact-ts/package.json +9 -9
package/template-ssr-preact-ts/server.js +2 -2
package/template-ssr-preact-ts/src/app.tsx +2 -2
package/template-ssr-preact-ts/tsconfig.json +3 -2
package/template-ssr-preact-ts/tsconfig.node.json +16 -3
package/template-ssr-preact-ts/vite.config.ts +5 -5
package/template-ssr-react/index.html +1 -1
package/template-ssr-react/package-lock.json +2629 -0
package/template-ssr-react/package.json +8 -8
package/template-ssr-react/server.js +2 -2
package/template-ssr-react/src/App.jsx +2 -2
package/template-ssr-react/src/entry-client.jsx +5 -5
package/template-ssr-react/src/entry-server.jsx +5 -5
package/template-ssr-react/vite.config.js +2 -2
package/template-ssr-react-streaming/index.html +1 -1
package/template-ssr-react-streaming/package-lock.json +2596 -0
package/template-ssr-react-streaming/package.json +7 -7
package/template-ssr-react-streaming/server.js +4 -4
package/template-ssr-react-streaming/src/App.jsx +2 -2
package/template-ssr-react-streaming/src/Card.jsx +1 -1
package/template-ssr-react-streaming/src/entry-client.jsx +5 -5
package/template-ssr-react-streaming/src/entry-server.jsx +4 -4
package/template-ssr-react-streaming/vite.config.js +2 -2
package/template-ssr-react-streaming-ts/index.html +1 -1
package/template-ssr-react-streaming-ts/package.json +12 -12
package/template-ssr-react-streaming-ts/server.js +4 -4
package/template-ssr-react-streaming-ts/src/App.tsx +2 -2
package/template-ssr-react-streaming-ts/src/entry-client.tsx +5 -5
package/template-ssr-react-streaming-ts/src/entry-server.tsx +13 -6
package/template-ssr-react-streaming-ts/tsconfig.json +4 -3
package/template-ssr-react-streaming-ts/tsconfig.node.json +16 -3
package/template-ssr-react-streaming-ts/vite.config.ts +2 -2
package/template-ssr-react-ts/index.html +1 -1
package/template-ssr-react-ts/package.json +11 -11
package/template-ssr-react-ts/server.js +2 -2
package/template-ssr-react-ts/src/App.tsx +2 -2
package/template-ssr-react-ts/src/entry-client.tsx +5 -5
package/template-ssr-react-ts/src/entry-server.tsx +5 -5
package/template-ssr-react-ts/tsconfig.json +4 -3
package/template-ssr-react-ts/tsconfig.node.json +16 -3
package/template-ssr-react-ts/vite.config.ts +2 -2
package/template-ssr-solid/index.html +1 -1
package/template-ssr-solid/package.json +4 -4
package/template-ssr-solid/server.js +2 -2
package/template-ssr-solid/src/App.jsx +2 -2
package/template-ssr-solid/vite.config.js +2 -2
package/template-ssr-solid-ts/index.html +1 -1
package/template-ssr-solid-ts/package.json +6 -6
package/template-ssr-solid-ts/server.js +2 -2
package/template-ssr-solid-ts/src/App.tsx +2 -2
package/template-ssr-solid-ts/tsconfig.json +4 -3
package/template-ssr-solid-ts/tsconfig.node.json +16 -3
package/template-ssr-solid-ts/vite.config.ts +2 -2
package/template-ssr-svelte/index.html +1 -1
package/template-ssr-svelte/jsconfig.json +2 -3
package/template-ssr-svelte/package-lock.json +2125 -0
package/template-ssr-svelte/package.json +5 -5
package/template-ssr-svelte/server.js +3 -3
package/template-ssr-svelte/src/App.svelte +1 -1
package/template-ssr-svelte/src/entry-client.js +2 -2
package/template-ssr-svelte/src/entry-server.js +2 -2
package/template-ssr-svelte/src/lib/Counter.svelte +2 -2
package/template-ssr-svelte/svelte.config.js +1 -1
package/template-ssr-svelte/vite.config.js +2 -8
package/template-ssr-svelte-ts/index.html +1 -1
package/template-ssr-svelte-ts/package-lock.json +2345 -0
package/template-ssr-svelte-ts/package.json +12 -11
package/template-ssr-svelte-ts/server.js +3 -3
package/template-ssr-svelte-ts/src/App.svelte +1 -1
package/template-ssr-svelte-ts/src/entry-client.ts +3 -3
package/template-ssr-svelte-ts/src/entry-server.ts +2 -2
package/template-ssr-svelte-ts/src/lib/Counter.svelte +2 -2
package/template-ssr-svelte-ts/svelte.config.js +1 -1
package/template-ssr-svelte-ts/tsconfig.json +2 -1
package/template-ssr-svelte-ts/tsconfig.node.json +4 -1
package/template-ssr-svelte-ts/vite.config.ts +2 -8
package/template-ssr-transform/package.json +1 -1
package/template-ssr-vanilla/index.html +1 -1
package/template-ssr-vanilla/package.json +3 -3
package/template-ssr-vanilla/server.js +2 -2
package/template-ssr-vanilla/src/entry-server.js +1 -1
package/template-ssr-vanilla-ts/index.html +1 -1
package/template-ssr-vanilla-ts/package.json +6 -6
package/template-ssr-vanilla-ts/server.js +2 -2
package/template-ssr-vanilla-ts/src/entry-server.ts +1 -1
package/template-ssr-vanilla-ts/tsconfig.json +3 -2
package/template-ssr-vue/index.html +1 -1
package/template-ssr-vue/package.json +5 -5
package/template-ssr-vue/server.js +2 -2
package/template-ssr-vue/src/App.vue +1 -1
package/template-ssr-vue/src/components/HelloWorld.vue +1 -1
package/template-ssr-vue/vite.config.js +2 -2
package/template-ssr-vue-streaming/index.html +1 -1
package/template-ssr-vue-streaming/package.json +5 -5
package/template-ssr-vue-streaming/server.js +2 -2
package/template-ssr-vue-streaming/src/App.vue +1 -1
package/template-ssr-vue-streaming/src/components/HelloWorld.vue +1 -1
package/template-ssr-vue-streaming/vite.config.js +2 -2
package/template-ssr-vue-streaming-ts/index.html +1 -1
package/template-ssr-vue-streaming-ts/package-lock.json +2346 -0
package/template-ssr-vue-streaming-ts/package.json +9 -9
package/template-ssr-vue-streaming-ts/server.js +2 -2
package/template-ssr-vue-streaming-ts/src/App.vue +1 -1
package/template-ssr-vue-streaming-ts/tsconfig.json +5 -4
package/template-ssr-vue-streaming-ts/tsconfig.node.json +16 -2
package/template-ssr-vue-streaming-ts/vite.config.ts +2 -2
package/template-ssr-vue-ts/index.html +1 -1
package/template-ssr-vue-ts/package-lock.json +2346 -0
package/template-ssr-vue-ts/package.json +11 -10
package/template-ssr-vue-ts/server.js +2 -2
package/template-ssr-vue-ts/src/App.vue +1 -1
package/template-ssr-vue-ts/tsconfig.json +5 -4
package/template-ssr-vue-ts/tsconfig.node.json +16 -2
package/template-ssr-vue-ts/vite.config.ts +2 -2
package/template-deno-lit/vite.config.mjs +0 -16
package/template-deno-lit-ts/vite.config.mts +0 -16
package/template-deno-preact/vite.config.mjs +0 -14
package/template-deno-preact-ts/vite.config.mts +0 -14
package/template-deno-react/vite.config.mjs +0 -10
package/template-deno-react-ts/vite.config.mts +0 -10
package/template-deno-solid/vite.config.mjs +0 -9
package/template-deno-solid-ts/vite.config.mts +0 -9
package/template-deno-svelte/vite.config.mjs +0 -9
package/template-deno-svelte-ts/vite.config.mts +0 -9
package/template-deno-vue/vite.config.mjs +0 -9
package/template-deno-vue-ts/vite.config.mts +0 -9

package/template-deno-solid-ts/deno.json CHANGED Viewed

@@ -3,6 +3,17 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "solid-js"
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "solid-js": "npm:solid-js@^1.9.2",
+    "vite": "npm:vite@^5.4.9",
+    "vite-plugin-solid": "npm:vite-plugin-solid@^2.10.2"
   }
 }

package/template-deno-solid-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-solid-ts/src/App.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
+import './App.css'
 import { createSignal } from 'solid-js'
+// @ts-expect-error Unable to infer type at the moment
 import solidLogo from './assets/solid.svg'
-import './App.css'
 function App() {
   const [count, setCount] = createSignal(0)
@@ -9,7 +10,7 @@ function App() {
     <div class="App">
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" class="logo" alt="Vite logo" />
         </a>
         <a href="https://www.solidjs.com" target="_blank">

package/template-deno-solid-ts/src/main.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 /* @refresh reload */
-import { render } from 'solid-js/web'
-import App from './App'
 import './index.css'
+import { render } from 'solid-js/web'
+import App from './App.tsx'
-render(() => <App />, document.getElementById('root'))
+render(() => <App />, document.getElementById('root') as HTMLElement)

package/template-deno-solid-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import solid from 'vite-plugin-solid'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), solid()],
+})

package/template-deno-svelte/.vscode/extensions.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["svelte.svelte-vscode"]
+  "recommendations": ["denoland.vscode-deno", "svelte.svelte-vscode"]
 }

package/template-deno-svelte/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is only `svelte` package that needs to be referenced

package/template-deno-svelte/deno.json CHANGED Viewed

@@ -3,6 +3,15 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
+    "svelte": "npm:svelte@^5.0.3",
+    "vite": "npm:vite@^5.4.9"
   }
 }

package/template-deno-svelte/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-svelte/src/App.svelte CHANGED Viewed

@@ -6,7 +6,7 @@
 <main>
   <img src="/vite-deno.svg" alt="Vite with Deno" />
   <div>
-    <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
+    <a href="https://vite.dev" target="_blank" rel="noreferrer">
       <img src="/vite.svg" class="logo" alt="Vite Logo" />
     </a>
     <a href="https://svelte.dev" target="_blank" rel="noreferrer">

package/template-deno-svelte/src/lib/Counter.svelte CHANGED Viewed

@@ -1,10 +1,10 @@
 <script>
-  let count = 0
+  let count = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>

package/template-deno-svelte/src/main.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import './app.css'
+import { mount } from 'svelte'
 import App from './App.svelte'
-const app = new App({
-  target: document.getElementById('app')
+const app = mount(App, {
+  target: document.getElementById('app'),
 })
 export default app

package/template-deno-svelte/svelte.config.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 export default {
-  preprocess: vitePreprocess()
+  preprocess: vitePreprocess(),
 }

package/template-deno-svelte/vite.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), svelte()],
+})

package/template-deno-svelte-ts/.vscode/extensions.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["svelte.svelte-vscode"]
+  "recommendations": ["denoland.vscode-deno", "svelte.svelte-vscode"]
 }

package/template-deno-svelte-ts/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is only `svelte` package that needs to be referenced

package/template-deno-svelte-ts/deno.json CHANGED Viewed

@@ -3,6 +3,15 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
+    "svelte": "npm:svelte@^5.0.3",
+    "vite": "npm:vite@^5.4.9"
   }
 }

package/template-deno-svelte-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-svelte-ts/src/App.svelte CHANGED Viewed

@@ -6,7 +6,7 @@
 <main>
   <img src="/vite-deno.svg" alt="Vite with Deno" />
   <div>
-    <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
+    <a href="https://vite.dev" target="_blank" rel="noreferrer">
       <img src="/vite.svg" class="logo" alt="Vite Logo" />
     </a>
     <a href="https://svelte.dev" target="_blank" rel="noreferrer">

package/template-deno-svelte-ts/src/lib/Counter.svelte CHANGED Viewed

@@ -1,10 +1,10 @@
 <script lang="ts">
-  let count: number = 0
+  let count: number = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>

package/template-deno-svelte-ts/src/main.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import './app.css'
+import { mount } from 'svelte'
 import App from './App.svelte'
-const app = new App({
-  target: document.getElementById('app'),
+const app = mount(App, {
+  target: document.getElementById('app')!,
 })
 export default app

package/template-deno-svelte-ts/svelte.config.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 export default {
-  preprocess: vitePreprocess()
+  preprocess: vitePreprocess(),
 }

package/template-deno-svelte-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), svelte()],
+})

package/template-deno-vanilla/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-vanilla/deno.json CHANGED Viewed

@@ -3,6 +3,13 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "vite": "npm:vite@^5.4.9"
   }
 }

package/template-deno-vanilla/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-vanilla/main.js CHANGED Viewed

@@ -6,7 +6,7 @@ document.querySelector('#app').innerHTML = `
   <div>
     <img src="/vite-deno.svg" alt="Vite with Deno" />
     <div>
-      <a href="https://vitejs.dev" target="_blank">
+      <a href="https://vite.dev" target="_blank">
         <img src="/vite.svg" class="logo" alt="Vite logo" />
       </a>
       <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">

package/template-deno-vanilla/vite.config.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno()],
+})

package/template-deno-vanilla-ts/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-vanilla-ts/deno.json CHANGED Viewed

@@ -3,6 +3,13 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "vite": "npm:vite@^5.4.9"
   }
 }

package/template-deno-vanilla-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-vanilla-ts/src/main.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { setupCounter } from './counter'
 document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
   <div>
     <img src="/vite-deno.svg" alt="Vite with Deno" />
-    <a href="https://vitejs.dev" target="_blank">
+    <a href="https://vite.dev" target="_blank">
       <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
     <a href="https://www.typescriptlang.org/" target="_blank">

package/template-deno-vanilla-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno()],
+})

package/template-deno-vue/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno", "Vue.volar"]
+}

package/template-deno-vue/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is only `vue` package that needs to be referenced

package/template-deno-vue/deno.json CHANGED Viewed

@@ -3,6 +3,15 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
+    "vite": "npm:vite@^5.4.9",
+    "vue": "npm:vue@^3.5.12"
   }
 }

package/template-deno-vue/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-vue/src/App.vue CHANGED Viewed

@@ -7,7 +7,7 @@ import HelloWorld from './components/HelloWorld.vue'
 <template>
   <img src="/vite-deno.svg" alt="Vite with Deno" />
   <div>
-    <a href="https://vitejs.dev" target="_blank">
+    <a href="https://vite.dev" target="_blank">
       <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
     <a href="https://vuejs.org/" target="_blank">

package/template-deno-vue/src/components/HelloWorld.vue CHANGED Viewed

@@ -2,7 +2,7 @@
 import { ref } from 'vue'
 defineProps({
-  msg: String
+  msg: String,
 })
 const count = ref(0)

package/template-deno-vue/src/main.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
 import './style.css'
+import { createApp } from 'vue'
 import App from './App.vue'
 createApp(App).mount('#app')

package/template-deno-vue/vite.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import vue from '@vitejs/plugin-vue'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), vue()],
+})

package/template-deno-vue-ts/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno", "Vue.volar"]
+}

package/template-deno-vue-ts/README.md CHANGED Viewed

@@ -1,23 +1,8 @@
 # Vite + Deno + Vue 3 + TypeScript
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-## Recommended IDE Setup
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-## 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:
-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.
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -32,10 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Caveats
-Currently there's a caveat for Deno users:
-- peer dependencies need to be referenced in `vite.config.mts`. In this example
-  it is only `vue` package that needs to be referenced.

package/template-deno-vue-ts/deno.json CHANGED Viewed

@@ -3,6 +3,15 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
+    "vite": "npm:vite@^5.4.9",
+    "vue": "npm:vue@^3.5.12"
   }
 }

package/template-deno-vue-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-vue-ts/src/App.vue CHANGED Viewed

@@ -7,7 +7,7 @@ import HelloWorld from './components/HelloWorld.vue'
 <template>
   <img src="/vite-deno.svg" alt="Vite with Deno" />
   <div>
-    <a href="https://vitejs.dev" target="_blank">
+    <a href="https://vite.dev" target="_blank">
       <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
     <a href="https://vuejs.org/" target="_blank">

package/template-deno-vue-ts/src/main.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
 import './style.css'
+import { createApp } from 'vue'
 import App from './App.vue'
 createApp(App).mount('#app')

package/template-deno-vue-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import vue from '@vitejs/plugin-vue'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), vue()],
+})

package/template-library/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-library/main.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { setupCounter } from './lib/main.js'
 document.querySelector('#app').innerHTML = `
   <div>
-    <a href="https://vitejs.dev" target="_blank">
+    <a href="https://vite.dev" target="_blank">
       <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
     <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">

package/template-library/package.json CHANGED Viewed

@@ -20,6 +20,6 @@
     "build": "vite build"
   },
   "devDependencies": {
-    "vite": "^5.2.10"
+    "vite": "^5.4.9"
   }
 }

package/template-library/vite.config.js CHANGED Viewed

@@ -5,7 +5,7 @@ export default defineConfig({
     lib: {
       entry: './lib/main.js',
       name: 'Counter',
-      fileName: 'counter'
-    }
-  }
+      fileName: 'counter',
+    },
+  },
 })

package/template-library-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-library-ts/package.json CHANGED Viewed

@@ -20,7 +20,7 @@
     "build": "tsc && vite build"
   },
   "devDependencies": {
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10"
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }