create-vite-extra 0.1.8 → 1.0.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 (135) hide show
  1. package/README.md +33 -21
  2. package/index.js +163 -14
  3. package/package.json +4 -3
  4. package/template-deno-lit/README.md +1 -1
  5. package/template-deno-lit/_gitignore +24 -0
  6. package/template-deno-lit/deno.json +2 -2
  7. package/template-deno-lit/vite.config.mjs +2 -2
  8. package/template-deno-lit-ts/README.md +30 -0
  9. package/template-deno-lit-ts/_gitignore +24 -0
  10. package/template-deno-lit-ts/deno.json +6 -0
  11. package/template-deno-lit-ts/index.html +16 -0
  12. package/template-deno-lit-ts/public/vite-deno.svg +36 -0
  13. package/template-deno-lit-ts/public/vite.svg +1 -0
  14. package/template-deno-lit-ts/src/assets/lit.svg +1 -0
  15. package/template-deno-lit-ts/src/index.css +40 -0
  16. package/template-deno-lit-ts/src/my-element.ts +126 -0
  17. package/template-deno-lit-ts/src/vite-env.d.ts +1 -0
  18. package/template-deno-lit-ts/vite.config.mts +17 -0
  19. package/template-deno-preact/README.md +1 -1
  20. package/template-deno-preact/_gitignore +24 -0
  21. package/template-deno-preact/deno.json +3 -3
  22. package/template-deno-preact/vite.config.mjs +4 -4
  23. package/template-deno-preact-ts/README.md +30 -0
  24. package/template-deno-preact-ts/_gitignore +24 -0
  25. package/template-deno-preact-ts/deno.json +8 -0
  26. package/template-deno-preact-ts/index.html +13 -0
  27. package/template-deno-preact-ts/public/vite-deno.svg +36 -0
  28. package/template-deno-preact-ts/public/vite.svg +1 -0
  29. package/template-deno-preact-ts/src/app.css +25 -0
  30. package/template-deno-preact-ts/src/app.tsx +33 -0
  31. package/template-deno-preact-ts/src/assets/preact.svg +1 -0
  32. package/template-deno-preact-ts/src/index.css +70 -0
  33. package/template-deno-preact-ts/src/main.tsx +5 -0
  34. package/template-deno-preact-ts/src/vite-env.d.ts +1 -0
  35. package/template-deno-preact-ts/vite.config.mts +10 -0
  36. package/template-deno-react/README.md +1 -1
  37. package/template-deno-react/_gitignore +24 -0
  38. package/template-deno-react/deno.json +3 -3
  39. package/template-deno-react/vite.config.mjs +4 -4
  40. package/template-deno-react-ts/README.md +30 -0
  41. package/template-deno-react-ts/_gitignore +24 -0
  42. package/template-deno-react-ts/deno.json +8 -0
  43. package/template-deno-react-ts/index.html +13 -0
  44. package/template-deno-react-ts/public/vite-deno.svg +36 -0
  45. package/template-deno-react-ts/public/vite.svg +1 -0
  46. package/template-deno-react-ts/src/App.css +41 -0
  47. package/template-deno-react-ts/src/App.tsx +35 -0
  48. package/template-deno-react-ts/src/assets/react.svg +1 -0
  49. package/template-deno-react-ts/src/index.css +70 -0
  50. package/template-deno-react-ts/src/main.tsx +10 -0
  51. package/template-deno-react-ts/src/vite-env.d.ts +1 -0
  52. package/template-deno-react-ts/vite.config.mts +10 -0
  53. package/template-deno-solid/README.md +1 -1
  54. package/template-deno-solid/_gitignore +24 -0
  55. package/template-deno-solid/deno.json +3 -3
  56. package/template-deno-solid/vite.config.mjs +3 -3
  57. package/template-deno-solid-ts/README.md +30 -0
  58. package/template-deno-solid-ts/_gitignore +24 -0
  59. package/template-deno-solid-ts/deno.json +8 -0
  60. package/template-deno-solid-ts/index.html +13 -0
  61. package/template-deno-solid-ts/public/vite-deno.svg +36 -0
  62. package/template-deno-solid-ts/public/vite.svg +1 -0
  63. package/template-deno-solid-ts/src/App.css +26 -0
  64. package/template-deno-solid-ts/src/App.tsx +35 -0
  65. package/template-deno-solid-ts/src/assets/solid.svg +1 -0
  66. package/template-deno-solid-ts/src/index.css +70 -0
  67. package/template-deno-solid-ts/src/main.tsx +7 -0
  68. package/template-deno-solid-ts/vite.config.mts +9 -0
  69. package/template-deno-svelte/README.md +1 -1
  70. package/template-deno-svelte/_gitignore +24 -0
  71. package/template-deno-svelte/deno.json +3 -3
  72. package/template-deno-svelte/src/App.svelte +3 -3
  73. package/template-deno-svelte/vite.config.mjs +3 -3
  74. package/template-deno-svelte-ts/.vscode/extensions.json +3 -0
  75. package/template-deno-svelte-ts/README.md +30 -0
  76. package/template-deno-svelte-ts/_gitignore +24 -0
  77. package/template-deno-svelte-ts/deno.json +8 -0
  78. package/template-deno-svelte-ts/index.html +13 -0
  79. package/template-deno-svelte-ts/public/vite-deno.svg +36 -0
  80. package/template-deno-svelte-ts/public/vite.svg +1 -0
  81. package/template-deno-svelte-ts/src/App.svelte +46 -0
  82. package/template-deno-svelte-ts/src/app.css +81 -0
  83. package/template-deno-svelte-ts/src/assets/svelte.svg +1 -0
  84. package/template-deno-svelte-ts/src/lib/Counter.svelte +10 -0
  85. package/template-deno-svelte-ts/src/main.ts +8 -0
  86. package/template-deno-svelte-ts/src/vite-env.d.ts +2 -0
  87. package/template-deno-svelte-ts/svelte.config.js +5 -0
  88. package/template-deno-svelte-ts/vite.config.mts +9 -0
  89. package/template-deno-vanilla/_gitignore +24 -0
  90. package/template-deno-vanilla/deno.json +3 -3
  91. package/template-deno-vanilla-ts/_gitignore +24 -0
  92. package/template-deno-vanilla-ts/deno.json +8 -0
  93. package/template-deno-vanilla-ts/index.html +13 -0
  94. package/template-deno-vanilla-ts/public/vite-deno.svg +36 -0
  95. package/template-deno-vanilla-ts/public/vite.svg +1 -0
  96. package/template-deno-vanilla-ts/src/counter.ts +9 -0
  97. package/template-deno-vanilla-ts/src/main.ts +24 -0
  98. package/template-deno-vanilla-ts/src/style.css +97 -0
  99. package/template-deno-vanilla-ts/src/typescript.svg +1 -0
  100. package/template-deno-vanilla-ts/src/vite-env.d.ts +1 -0
  101. package/template-deno-vue/README.md +1 -1
  102. package/template-deno-vue/_gitignore +25 -0
  103. package/template-deno-vue/deno.json +3 -3
  104. package/template-deno-vue/vite.config.mjs +3 -3
  105. package/template-deno-vue-ts/README.md +41 -0
  106. package/template-deno-vue-ts/_gitignore +24 -0
  107. package/template-deno-vue-ts/deno.json +8 -0
  108. package/template-deno-vue-ts/index.html +13 -0
  109. package/template-deno-vue-ts/public/vite-deno.svg +36 -0
  110. package/template-deno-vue-ts/public/vite.svg +1 -0
  111. package/template-deno-vue-ts/src/App.vue +32 -0
  112. package/template-deno-vue-ts/src/assets/vue.svg +1 -0
  113. package/template-deno-vue-ts/src/components/HelloWorld.vue +38 -0
  114. package/template-deno-vue-ts/src/main.ts +5 -0
  115. package/template-deno-vue-ts/src/style.css +81 -0
  116. package/template-deno-vue-ts/src/vite-env.d.ts +7 -0
  117. package/template-deno-vue-ts/vite.config.mts +9 -0
  118. package/template-library/package.json +2 -2
  119. package/template-library-ts/package.json +3 -3
  120. package/template-ssr-preact/package.json +4 -4
  121. package/template-ssr-preact-ts/package.json +6 -6
  122. package/template-ssr-react/package.json +5 -5
  123. package/template-ssr-react-ts/package.json +6 -6
  124. package/template-ssr-solid/package.json +4 -4
  125. package/template-ssr-solid-ts/package.json +4 -4
  126. package/template-ssr-svelte/package.json +4 -4
  127. package/template-ssr-svelte/src/App.svelte +3 -3
  128. package/template-ssr-svelte-ts/package.json +7 -8
  129. package/template-ssr-svelte-ts/src/App.svelte +3 -3
  130. package/template-ssr-svelte-ts/svelte.config.js +2 -4
  131. package/template-ssr-transform/package.json +2 -2
  132. package/template-ssr-vanilla/package.json +3 -3
  133. package/template-ssr-vanilla-ts/package.json +4 -4
  134. package/template-ssr-vue/package.json +4 -4
  135. package/template-ssr-vue-ts/package.json +6 -6
package/template-deno-svelte/src/App.svelte CHANGED
@@ -6,10 +6,10 @@
6
6
  <main>
7
7
  <img src="/vite-deno.svg" alt="Vite with Deno" />
8
8
  <div>
9
- <a href="https://vitejs.dev" target="_blank">
9
+ <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
10
10
  <img src="/vite.svg" class="logo" alt="Vite Logo" />
11
11
  </a>
12
- <a href="https://svelte.dev" target="_blank">
12
+ <a href="https://svelte.dev" target="_blank" rel="noreferrer">
13
13
  <img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
14
14
  </a>
15
15
  </div>
@@ -20,7 +20,7 @@
20
20
  </div>
21
21
 
22
22
  <p>
23
- Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank">SvelteKit</a>, the official Svelte app framework powered by Vite!
23
+ Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
24
24
  </p>
25
25
 
26
26
  <p class="read-the-docs">
package/template-deno-svelte/vite.config.mjs CHANGED
@@ -1,7 +1,7 @@
1
- import { defineConfig } from 'npm:vite'
2
- import { svelte } from 'npm:@sveltejs/vite-plugin-svelte'
1
+ import { defineConfig } from 'npm:vite@^4.0.0'
2
+ import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
3
3
 
4
- import 'npm:svelte'
4
+ import 'npm:svelte@^3.54.0'
5
5
 
6
6
  // https://vitejs.dev/config/
7
7
  export default defineConfig({
package/template-deno-svelte-ts/.vscode/extensions.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "recommendations": ["svelte.svelte-vscode"]
3
+ }
package/template-deno-svelte-ts/README.md ADDED
@@ -0,0 +1,30 @@
1
+ # Vite + Deno + Svelte + TypeScript
2
+
3
+ ## Running
4
+
5
+ You need to have Deno v1.28.0 or later intalled to run this repo.
6
+
7
+ Start a dev server:
8
+
9
+ ```
10
+ $ deno task dev
11
+ ```
12
+
13
+ ## Deploy
14
+
15
+ Build production assets:
16
+
17
+ ```
18
+ $ deno task build
19
+ ```
20
+
21
+ ## Notes
22
+
23
+ - You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
24
+
25
+ ## Papercuts
26
+
27
+ Currently there's a "papercut" for Deno users:
28
+
29
+ - peer dependencies need to be referenced in `vite.config.js` - in this example
30
+ it is only `svelte` package that needs to be referenced
package/template-deno-svelte-ts/_gitignore ADDED
@@ -0,0 +1,24 @@
1
+ # Logs
2
+ logs
3
+ *.log
4
+ npm-debug.log*
5
+ yarn-debug.log*
6
+ yarn-error.log*
7
+ pnpm-debug.log*
8
+ lerna-debug.log*
9
+
10
+ node_modules
11
+ dist
12
+ dist-ssr
13
+ *.local
14
+
15
+ # Editor directories and files
16
+ .vscode/*
17
+ !.vscode/extensions.json
18
+ .idea
19
+ .DS_Store
20
+ *.suo
21
+ *.ntvs*
22
+ *.njsproj
23
+ *.sln
24
+ *.sw?
package/template-deno-svelte-ts/deno.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "tasks": {
3
+ "dev": "deno run -A --node-modules-dir npm:vite",
4
+ "build": "deno run -A --node-modules-dir npm:vite build",
5
+ "preview": "deno run -A --node-modules-dir npm:vite preview",
6
+ "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
7
+ }
8
+ }
package/template-deno-svelte-ts/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + Svelte + TS</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.ts"></script>
12
+ </body>
13
+ </html>
package/template-deno-svelte-ts/public/vite-deno.svg ADDED
@@ -0,0 +1,36 @@
1
+ <svg width="248" height="275" viewBox="0 0 248 275" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_553_1862)">
3
+ <ellipse cx="133.981" cy="219.676" rx="73.9807" ry="14.6763" fill="#74825F" fill-opacity="0.51"/>
4
+ <path d="M136.505 51.7512C153.877 66.3061 166.457 128.128 173.046 171.857C188.321 192.524 218.273 184.138 219.471 183.239C220.669 182.341 233.548 171.857 229.954 190.727C226.36 209.597 197.307 215.287 173.046 210.495C173.046 214.688 158.669 233.258 139.8 235.355C124.704 237.032 113.941 226.869 110.447 221.577L99.3649 216.186C96.7691 217.584 81.6934 221.817 64.9205 221.577C43.9543 221.278 44.8528 197.915 51.1427 186.833C56.1746 177.968 71.41 176.949 78.3987 177.548L84.3891 163.471C82.3923 163.671 69.9524 162.453 67.3166 161.973C64.0219 161.374 55.6307 149.898 59.2296 134.118C63.1234 117.046 95.7707 113.751 99.3649 112.254C102.959 110.756 104.457 96.6787 104.157 83.5C88.5823 81.7029 72.5581 73.9155 76.6016 55.0459C81.9929 29.8864 114.341 33.1812 136.505 51.7512Z" fill="#B1F491" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
5
+ <path d="M102.66 83.5C106.254 83.8994 114.041 84.159 116.437 82.0024" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
6
+ <path d="M90.3794 206.601C92.7756 213.191 100.863 216.785 100.863 216.785" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
7
+ <path d="M171.249 196.418C172.148 199.114 173.346 210.495 171.249 214.389" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
8
+ <circle cx="112.544" cy="54.2488" r="2.99517" fill="black"/>
9
+ <path d="M63.1234 128.128C67.9157 130.924 77.62 138.312 78.0992 145.5C78.6983 154.486 73.307 160.476 69.1137 161.973" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
10
+ <path d="M54.1379 182.64C58.7305 183.838 66.4181 189.23 67.9157 197.616C69.4132 206.002 71.5099 217.684 62.8239 221.577" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
11
+ <path d="M68.5147 137.114L74.505 131.722" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
12
+ <path d="M73.0074 149.693L81.6934 151.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
13
+ <path d="M61.0268 191.626L67.6162 188.031" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
14
+ <path d="M65.819 208.099L73.6065 210.196" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
15
+ <path d="M30.9264 186.393L26.0084 169.639C25.7495 168.757 26.7174 168.022 27.4972 168.509L105.553 217.204C107.381 218.344 107.446 220.984 105.676 222.213L98.9017 226.917C94.8436 229.735 89.5878 230.226 85.1343 228.087C64.6655 218.258 52.0858 209.624 34.4753 192.341C32.8025 190.699 31.5866 188.642 30.9264 186.393Z" fill="#4DC3FF" stroke="black" stroke-width="4"/>
16
+ <path d="M41.8791 160.074L46.7262 148.312C47.4243 146.618 49.8432 146.677 50.459 148.402L55.3497 162.106C55.872 163.57 54.5987 165.044 53.0748 164.74L43.337 162.797C42.1019 162.551 41.3992 161.238 41.8791 160.074Z" fill="#FFA901" stroke="black" stroke-width="4"/>
17
+ <path d="M71.8785 149.588L101.01 128.223C105.454 124.964 111.741 127.892 112.05 133.394C113.793 164.454 113.06 185.535 109.769 215.636C109.227 220.59 103.792 223.354 99.4667 220.878C71.8486 205.063 53.3581 192.516 27.512 172.516C22.8968 168.945 24.4798 161.641 30.1507 160.265L69.3892 150.746C70.2872 150.528 71.1333 150.134 71.8785 149.588Z" fill="#BD34FE" stroke="black" stroke-width="4"/>
18
+ <path d="M49.0264 145.468C58.7514 138.974 75.386 127.953 81.8842 123.946C83.0547 123.224 84.4689 123.961 84.6314 125.326L86.5911 141.788C86.752 143.139 88.1864 143.939 89.4205 143.365L95.4192 140.575C96.8754 139.898 98.4956 141.126 98.2363 142.711L90.6765 188.924C90.3789 190.743 87.9869 191.225 87.008 189.663L80.4098 179.132C79.7539 178.085 78.3152 177.877 77.3899 178.696L75.0448 180.77C74.0312 181.667 72.4383 181.319 71.8907 180.081L67.5098 170.18C66.9622 168.943 65.3693 168.595 64.3557 169.492L62.2372 171.366C61.2396 172.248 59.6743 171.927 59.1044 170.724L48.3367 147.981C47.9126 147.085 48.202 146.018 49.0264 145.468Z" fill="#FFD32B" stroke="black" stroke-width="4"/>
19
+ <circle cx="92.7756" cy="48.2585" r="2.99517" fill="black"/>
20
+ <path d="M104.88 161.075C100.088 151.97 109.473 142.505 114.764 138.911L151.904 151.49C152.004 156.582 150.047 168.143 141.421 173.655C130.638 180.543 110.87 172.457 104.88 161.075Z" fill="#B1F491"/>
21
+ <path d="M111.346 222.775C101.521 208.878 115.439 197.017 123.626 192.824C129.703 192.1 142.516 193.468 145.152 204.73C148.446 218.807 130.554 237.227 111.346 222.775Z" fill="#B1F491"/>
22
+ <path d="M123.626 192.824C112.285 195.592 101.179 211.429 115.799 227.493" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
23
+ <path d="M114.764 138.911C109.473 142.505 100.088 151.97 104.88 161.075C110.87 172.457 130.638 180.543 141.421 173.655C150.047 168.143 152.004 156.582 151.904 151.49" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
24
+ <path d="M104.457 153.887C108.35 151.99 118.354 149.334 127.22 153.887C138.302 159.577 143.993 167.964 144.592 170.66" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
25
+ <path d="M115.539 155.684L118.235 147.297" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
26
+ <path d="M136.505 165.268L141.896 159.278" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
27
+ <path d="M115.539 199.114C130.814 197.317 138.003 205.104 139.5 214.089C140.998 223.075 138.602 235.056 132.312 235.655" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
28
+ <path d="M129.317 205.403L134.109 198.814" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
29
+ <path d="M135.906 217.384L144.592 213.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
30
+ </g>
31
+ <defs>
32
+ <clipPath id="clip0_553_1862">
33
+ <rect width="248" height="274.957" fill="white"/>
34
+ </clipPath>
35
+ </defs>
36
+ </svg>
package/template-deno-svelte-ts/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/template-deno-svelte-ts/src/App.svelte ADDED
@@ -0,0 +1,46 @@
1
+ <script lang="ts">
2
+ import svelteLogo from './assets/svelte.svg'
3
+ import Counter from './lib/Counter.svelte'
4
+ </script>
5
+
6
+ <main>
7
+ <img src="/vite-deno.svg" alt="Vite with Deno" />
8
+ <div>
9
+ <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
10
+ <img src="/vite.svg" class="logo" alt="Vite Logo" />
11
+ </a>
12
+ <a href="https://svelte.dev" target="_blank" rel="noreferrer">
13
+ <img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
14
+ </a>
15
+ </div>
16
+ <h1>Vite + Svelte</h1>
17
+
18
+ <div class="card">
19
+ <Counter />
20
+ </div>
21
+
22
+ <p>
23
+ Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
24
+ </p>
25
+
26
+ <p class="read-the-docs">
27
+ Click on the Vite and Svelte logos to learn more
28
+ </p>
29
+ </main>
30
+
31
+ <style>
32
+ .logo {
33
+ height: 6em;
34
+ padding: 1.5em;
35
+ will-change: filter;
36
+ }
37
+ .logo:hover {
38
+ filter: drop-shadow(0 0 2em #646cffaa);
39
+ }
40
+ .logo.svelte:hover {
41
+ filter: drop-shadow(0 0 2em #ff3e00aa);
42
+ }
43
+ .read-the-docs {
44
+ color: #888;
45
+ }
46
+ </style>
package/template-deno-svelte-ts/src/app.css ADDED
@@ -0,0 +1,81 @@
1
+ :root {
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
+
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
+
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
+ }
17
+
18
+ a {
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
+ }
23
+ a:hover {
24
+ color: #535bf2;
25
+ }
26
+
27
+ body {
28
+ margin: 0;
29
+ display: flex;
30
+ place-items: center;
31
+ min-width: 320px;
32
+ min-height: 100vh;
33
+ }
34
+
35
+ h1 {
36
+ font-size: 3.2em;
37
+ line-height: 1.1;
38
+ }
39
+
40
+ .card {
41
+ padding: 2em;
42
+ }
43
+
44
+ #app {
45
+ max-width: 1280px;
46
+ margin: 0 auto;
47
+ padding: 2rem;
48
+ text-align: center;
49
+ }
50
+
51
+ button {
52
+ border-radius: 8px;
53
+ border: 1px solid transparent;
54
+ padding: 0.6em 1.2em;
55
+ font-size: 1em;
56
+ font-weight: 500;
57
+ font-family: inherit;
58
+ background-color: #1a1a1a;
59
+ cursor: pointer;
60
+ transition: border-color 0.25s;
61
+ }
62
+ button:hover {
63
+ border-color: #646cff;
64
+ }
65
+ button:focus,
66
+ button:focus-visible {
67
+ outline: 4px auto -webkit-focus-ring-color;
68
+ }
69
+
70
+ @media (prefers-color-scheme: light) {
71
+ :root {
72
+ color: #213547;
73
+ background-color: #ffffff;
74
+ }
75
+ a:hover {
76
+ color: #747bff;
77
+ }
78
+ button {
79
+ background-color: #f9f9f9;
80
+ }
81
+ }
package/template-deno-svelte-ts/src/assets/svelte.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>
package/template-deno-svelte-ts/src/lib/Counter.svelte ADDED
@@ -0,0 +1,10 @@
1
+ <script lang="ts">
2
+ let count: number = 0
3
+ const increment = () => {
4
+ count += 1
5
+ }
6
+ </script>
7
+
8
+ <button on:click={increment}>
9
+ count is {count}
10
+ </button>
package/template-deno-svelte-ts/src/main.ts ADDED
@@ -0,0 +1,8 @@
1
+ import './app.css'
2
+ import App from './App.svelte'
3
+
4
+ const app = new App({
5
+ target: document.getElementById('app'),
6
+ })
7
+
8
+ export default app
package/template-deno-svelte-ts/src/vite-env.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="svelte" />
2
+ /// <reference types="vite/client" />
package/template-deno-svelte-ts/svelte.config.js ADDED
@@ -0,0 +1,5 @@
1
+ import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
2
+
3
+ export default {
4
+ preprocess: vitePreprocess()
5
+ }
package/template-deno-svelte-ts/vite.config.mts ADDED
@@ -0,0 +1,9 @@
1
+ import { defineConfig } from 'npm:vite@^4.0.0'
2
+ import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
3
+
4
+ import 'npm:svelte@^3.54.0'
5
+
6
+ // https://vitejs.dev/config/
7
+ export default defineConfig({
8
+ plugins: [svelte()]
9
+ })
package/template-deno-vanilla/_gitignore ADDED
@@ -0,0 +1,24 @@
1
+ # Logs
2
+ logs
3
+ *.log
4
+ npm-debug.log*
5
+ yarn-debug.log*
6
+ yarn-error.log*
7
+ pnpm-debug.log*
8
+ lerna-debug.log*
9
+
10
+ node_modules
11
+ dist
12
+ dist-ssr
13
+ *.local
14
+
15
+ # Editor directories and files
16
+ .vscode/*
17
+ !.vscode/extensions.json
18
+ .idea
19
+ .DS_Store
20
+ *.suo
21
+ *.ntvs*
22
+ *.njsproj
23
+ *.sln
24
+ *.sw?
package/template-deno-vanilla/deno.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "tasks": {
3
- "dev": "deno run -A --unstable --node-modules-dir npm:vite",
4
- "build": "deno run -A --unstable --node-modules-dir npm:vite build",
5
- "preview": "deno run -A --unstable --node-modules-dir npm:vite preview",
3
+ "dev": "deno run -A --node-modules-dir npm:vite",
4
+ "build": "deno run -A --node-modules-dir npm:vite build",
5
+ "preview": "deno run -A --node-modules-dir npm:vite preview",
6
6
  "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
7
7
  }
8
8
  }
package/template-deno-vanilla-ts/_gitignore ADDED
@@ -0,0 +1,24 @@
1
+ # Logs
2
+ logs
3
+ *.log
4
+ npm-debug.log*
5
+ yarn-debug.log*
6
+ yarn-error.log*
7
+ pnpm-debug.log*
8
+ lerna-debug.log*
9
+
10
+ node_modules
11
+ dist
12
+ dist-ssr
13
+ *.local
14
+
15
+ # Editor directories and files
16
+ .vscode/*
17
+ !.vscode/extensions.json
18
+ .idea
19
+ .DS_Store
20
+ *.suo
21
+ *.ntvs*
22
+ *.njsproj
23
+ *.sln
24
+ *.sw?
package/template-deno-vanilla-ts/deno.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "tasks": {
3
+ "dev": "deno run -A --node-modules-dir npm:vite",
4
+ "build": "deno run -A --node-modules-dir npm:vite build",
5
+ "preview": "deno run -A --node-modules-dir npm:vite preview",
6
+ "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
7
+ }
8
+ }
package/template-deno-vanilla-ts/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + TS</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.ts"></script>
12
+ </body>
13
+ </html>
package/template-deno-vanilla-ts/public/vite-deno.svg ADDED
@@ -0,0 +1,36 @@
1
+ <svg width="248" height="275" viewBox="0 0 248 275" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_553_1862)">
3
+ <ellipse cx="133.981" cy="219.676" rx="73.9807" ry="14.6763" fill="#74825F" fill-opacity="0.51"/>
4
+ <path d="M136.505 51.7512C153.877 66.3061 166.457 128.128 173.046 171.857C188.321 192.524 218.273 184.138 219.471 183.239C220.669 182.341 233.548 171.857 229.954 190.727C226.36 209.597 197.307 215.287 173.046 210.495C173.046 214.688 158.669 233.258 139.8 235.355C124.704 237.032 113.941 226.869 110.447 221.577L99.3649 216.186C96.7691 217.584 81.6934 221.817 64.9205 221.577C43.9543 221.278 44.8528 197.915 51.1427 186.833C56.1746 177.968 71.41 176.949 78.3987 177.548L84.3891 163.471C82.3923 163.671 69.9524 162.453 67.3166 161.973C64.0219 161.374 55.6307 149.898 59.2296 134.118C63.1234 117.046 95.7707 113.751 99.3649 112.254C102.959 110.756 104.457 96.6787 104.157 83.5C88.5823 81.7029 72.5581 73.9155 76.6016 55.0459C81.9929 29.8864 114.341 33.1812 136.505 51.7512Z" fill="#B1F491" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
5
+ <path d="M102.66 83.5C106.254 83.8994 114.041 84.159 116.437 82.0024" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
6
+ <path d="M90.3794 206.601C92.7756 213.191 100.863 216.785 100.863 216.785" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
7
+ <path d="M171.249 196.418C172.148 199.114 173.346 210.495 171.249 214.389" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
8
+ <circle cx="112.544" cy="54.2488" r="2.99517" fill="black"/>
9
+ <path d="M63.1234 128.128C67.9157 130.924 77.62 138.312 78.0992 145.5C78.6983 154.486 73.307 160.476 69.1137 161.973" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
10
+ <path d="M54.1379 182.64C58.7305 183.838 66.4181 189.23 67.9157 197.616C69.4132 206.002 71.5099 217.684 62.8239 221.577" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
11
+ <path d="M68.5147 137.114L74.505 131.722" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
12
+ <path d="M73.0074 149.693L81.6934 151.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
13
+ <path d="M61.0268 191.626L67.6162 188.031" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
14
+ <path d="M65.819 208.099L73.6065 210.196" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
15
+ <path d="M30.9264 186.393L26.0084 169.639C25.7495 168.757 26.7174 168.022 27.4972 168.509L105.553 217.204C107.381 218.344 107.446 220.984 105.676 222.213L98.9017 226.917C94.8436 229.735 89.5878 230.226 85.1343 228.087C64.6655 218.258 52.0858 209.624 34.4753 192.341C32.8025 190.699 31.5866 188.642 30.9264 186.393Z" fill="#4DC3FF" stroke="black" stroke-width="4"/>
16
+ <path d="M41.8791 160.074L46.7262 148.312C47.4243 146.618 49.8432 146.677 50.459 148.402L55.3497 162.106C55.872 163.57 54.5987 165.044 53.0748 164.74L43.337 162.797C42.1019 162.551 41.3992 161.238 41.8791 160.074Z" fill="#FFA901" stroke="black" stroke-width="4"/>
17
+ <path d="M71.8785 149.588L101.01 128.223C105.454 124.964 111.741 127.892 112.05 133.394C113.793 164.454 113.06 185.535 109.769 215.636C109.227 220.59 103.792 223.354 99.4667 220.878C71.8486 205.063 53.3581 192.516 27.512 172.516C22.8968 168.945 24.4798 161.641 30.1507 160.265L69.3892 150.746C70.2872 150.528 71.1333 150.134 71.8785 149.588Z" fill="#BD34FE" stroke="black" stroke-width="4"/>
18
+ <path d="M49.0264 145.468C58.7514 138.974 75.386 127.953 81.8842 123.946C83.0547 123.224 84.4689 123.961 84.6314 125.326L86.5911 141.788C86.752 143.139 88.1864 143.939 89.4205 143.365L95.4192 140.575C96.8754 139.898 98.4956 141.126 98.2363 142.711L90.6765 188.924C90.3789 190.743 87.9869 191.225 87.008 189.663L80.4098 179.132C79.7539 178.085 78.3152 177.877 77.3899 178.696L75.0448 180.77C74.0312 181.667 72.4383 181.319 71.8907 180.081L67.5098 170.18C66.9622 168.943 65.3693 168.595 64.3557 169.492L62.2372 171.366C61.2396 172.248 59.6743 171.927 59.1044 170.724L48.3367 147.981C47.9126 147.085 48.202 146.018 49.0264 145.468Z" fill="#FFD32B" stroke="black" stroke-width="4"/>
19
+ <circle cx="92.7756" cy="48.2585" r="2.99517" fill="black"/>
20
+ <path d="M104.88 161.075C100.088 151.97 109.473 142.505 114.764 138.911L151.904 151.49C152.004 156.582 150.047 168.143 141.421 173.655C130.638 180.543 110.87 172.457 104.88 161.075Z" fill="#B1F491"/>
21
+ <path d="M111.346 222.775C101.521 208.878 115.439 197.017 123.626 192.824C129.703 192.1 142.516 193.468 145.152 204.73C148.446 218.807 130.554 237.227 111.346 222.775Z" fill="#B1F491"/>
22
+ <path d="M123.626 192.824C112.285 195.592 101.179 211.429 115.799 227.493" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
23
+ <path d="M114.764 138.911C109.473 142.505 100.088 151.97 104.88 161.075C110.87 172.457 130.638 180.543 141.421 173.655C150.047 168.143 152.004 156.582 151.904 151.49" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
24
+ <path d="M104.457 153.887C108.35 151.99 118.354 149.334 127.22 153.887C138.302 159.577 143.993 167.964 144.592 170.66" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
25
+ <path d="M115.539 155.684L118.235 147.297" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
26
+ <path d="M136.505 165.268L141.896 159.278" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
27
+ <path d="M115.539 199.114C130.814 197.317 138.003 205.104 139.5 214.089C140.998 223.075 138.602 235.056 132.312 235.655" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
28
+ <path d="M129.317 205.403L134.109 198.814" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
29
+ <path d="M135.906 217.384L144.592 213.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
30
+ </g>
31
+ <defs>
32
+ <clipPath id="clip0_553_1862">
33
+ <rect width="248" height="274.957" fill="white"/>
34
+ </clipPath>
35
+ </defs>
36
+ </svg>
package/template-deno-vanilla-ts/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/template-deno-vanilla-ts/src/counter.ts ADDED
@@ -0,0 +1,9 @@
1
+ export function setupCounter(element: HTMLButtonElement) {
2
+ let counter = 0
3
+ const setCounter = (count: number) => {
4
+ counter = count
5
+ element.innerHTML = `count is ${counter}`
6
+ }
7
+ element.addEventListener('click', () => setCounter(counter + 1))
8
+ setCounter(0)
9
+ }
package/template-deno-vanilla-ts/src/main.ts ADDED
@@ -0,0 +1,24 @@
1
+ import './style.css'
2
+ import typescriptLogo from './typescript.svg'
3
+ import { setupCounter } from './counter'
4
+
5
+ document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
6
+ <div>
7
+ <img src="/vite-deno.svg" alt="Vite with Deno" />
8
+ <a href="https://vitejs.dev" target="_blank">
9
+ <img src="/vite.svg" class="logo" alt="Vite logo" />
10
+ </a>
11
+ <a href="https://www.typescriptlang.org/" target="_blank">
12
+ <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
13
+ </a>
14
+ <h1>Vite + TypeScript</h1>
15
+ <div class="card">
16
+ <button id="counter" type="button"></button>
17
+ </div>
18
+ <p class="read-the-docs">
19
+ Click on the Vite and TypeScript logos to learn more
20
+ </p>
21
+ </div>
22
+ `
23
+
24
+ setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)
package/template-deno-vanilla-ts/src/style.css ADDED
@@ -0,0 +1,97 @@
1
+ :root {
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
+
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
+
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
+ }
17
+
18
+ a {
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
+ }
23
+ a:hover {
24
+ color: #535bf2;
25
+ }
26
+
27
+ body {
28
+ margin: 0;
29
+ display: flex;
30
+ place-items: center;
31
+ min-width: 320px;
32
+ min-height: 100vh;
33
+ }
34
+
35
+ h1 {
36
+ font-size: 3.2em;
37
+ line-height: 1.1;
38
+ }
39
+
40
+ #app {
41
+ max-width: 1280px;
42
+ margin: 0 auto;
43
+ padding: 2rem;
44
+ text-align: center;
45
+ }
46
+
47
+ .logo {
48
+ height: 6em;
49
+ padding: 1.5em;
50
+ will-change: filter;
51
+ }
52
+ .logo:hover {
53
+ filter: drop-shadow(0 0 2em #646cffaa);
54
+ }
55
+ .logo.vanilla:hover {
56
+ filter: drop-shadow(0 0 2em #3178c6aa);
57
+ }
58
+
59
+ .card {
60
+ padding: 2em;
61
+ }
62
+
63
+ .read-the-docs {
64
+ color: #888;
65
+ }
66
+
67
+ button {
68
+ border-radius: 8px;
69
+ border: 1px solid transparent;
70
+ padding: 0.6em 1.2em;
71
+ font-size: 1em;
72
+ font-weight: 500;
73
+ font-family: inherit;
74
+ background-color: #1a1a1a;
75
+ cursor: pointer;
76
+ transition: border-color 0.25s;
77
+ }
78
+ button:hover {
79
+ border-color: #646cff;
80
+ }
81
+ button:focus,
82
+ button:focus-visible {
83
+ outline: 4px auto -webkit-focus-ring-color;
84
+ }
85
+
86
+ @media (prefers-color-scheme: light) {
87
+ :root {
88
+ color: #213547;
89
+ background-color: #ffffff;
90
+ }
91
+ a:hover {
92
+ color: #747bff;
93
+ }
94
+ button {
95
+ background-color: #f9f9f9;
96
+ }
97
+ }
package/template-deno-vanilla-ts/src/typescript.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>
package/template-deno-vanilla-ts/src/vite-env.d.ts ADDED
@@ -0,0 +1 @@
1
+ /// <reference types="vite/client" />
package/template-deno-vue/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ## Running
4
4
 
5
- You need to have Deno v1.25.4 or later intalled to run this repo.
5
+ You need to have Deno v1.28.0 or later intalled to run this repo.
6
6
 
7
7
  Start a dev server:
8
8