docs: move sandboxes to vite (#89)

dangreen · web-flow · commit 872f0e4e7a88 · 2022-11-29T18:17:44.000+04:00
diff --git a/sandboxes/bar/index.html b/sandboxes/bar/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/bar/package.json b/sandboxes/bar/package.json
@@ -1,8 +1,16 @@
 {
   "name": "bar-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/bar/vite.config.js b/sandboxes/bar/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/bubble/index.html b/sandboxes/bubble/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/bubble/package.json b/sandboxes/bubble/package.json
@@ -1,8 +1,16 @@
 {
   "name": "bubble-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/bubble/vite.config.js b/sandboxes/bubble/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/doughnut/index.html b/sandboxes/doughnut/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/doughnut/package.json b/sandboxes/doughnut/package.json
@@ -1,8 +1,16 @@
 {
   "name": "doughnut-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/doughnut/vite.config.js b/sandboxes/doughnut/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/events/index.html b/sandboxes/events/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/events/package.json b/sandboxes/events/package.json
@@ -1,8 +1,16 @@
 {
   "name": "events",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/events/vite.config.js b/sandboxes/events/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/line/index.html b/sandboxes/line/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/line/package.json b/sandboxes/line/package.json
@@ -1,8 +1,16 @@
 {
   "name": "line-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/line/vite.config.js b/sandboxes/line/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/pie/index.html b/sandboxes/pie/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/pie/package.json b/sandboxes/pie/package.json
@@ -1,8 +1,16 @@
 {
   "name": "pie-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/polar/index.html b/sandboxes/polar/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/polar/package.json b/sandboxes/polar/package.json
@@ -1,8 +1,16 @@
 {
   "name": "polar-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/polar/vite.config.js b/sandboxes/polar/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/radar/index.html b/sandboxes/radar/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/radar/package.json b/sandboxes/radar/package.json
@@ -1,8 +1,16 @@
 {
   "name": "radar-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/radar/vite.config.js b/sandboxes/radar/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/ref/index.html b/sandboxes/ref/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/ref/package.json b/sandboxes/ref/package.json
@@ -1,8 +1,16 @@
 {
   "name": "events",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/ref/vite.config.js b/sandboxes/ref/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});
diff --git a/sandboxes/scatter/index.html b/sandboxes/scatter/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" defer src="./index.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/sandboxes/scatter/package.json b/sandboxes/scatter/package.json
@@ -1,8 +1,16 @@
 {
   "name": "scatter-chart",
+  "type": "module",
+  "scripts": {
+    "start": "vite"
+  },
   "dependencies": {
     "svelte": "^3.32.3",
     "svelte-chartjs": "^3.0.0",
     "chart.js": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^1.3.1",
+    "vite": "^3.2.4"
   }
 }
diff --git a/sandboxes/scatter/vite.config.js b/sandboxes/scatter/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [svelte()],
+});

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,16 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "bar-chart",`
	`3`	`+ "type": "module",`
	`4`	`+ "scripts": {`
	`5`	`+ "start": "vite"`
	`6`	`+ },`
`3`	`7`	`"dependencies": {`
`4`	`8`	`"svelte": "^3.32.3",`
`5`	`9`	`"svelte-chartjs": "^3.0.0",`
`6`	`10`	`"chart.js": "^4.0.0"`
	`11`	`+ },`
	`12`	`+ "devDependencies": {`
	`13`	`+ "@sveltejs/vite-plugin-svelte": "^1.3.1",`
	`14`	`+ "vite": "^3.2.4"`
`7`	`15`	`}`
`8`	`16`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,16 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "bubble-chart",`
	`3`	`+ "type": "module",`
	`4`	`+ "scripts": {`
	`5`	`+ "start": "vite"`
	`6`	`+ },`
`3`	`7`	`"dependencies": {`
`4`	`8`	`"svelte": "^3.32.3",`
`5`	`9`	`"svelte-chartjs": "^3.0.0",`
`6`	`10`	`"chart.js": "^4.0.0"`
	`11`	`+ },`
	`12`	`+ "devDependencies": {`
	`13`	`+ "@sveltejs/vite-plugin-svelte": "^1.3.1",`
	`14`	`+ "vite": "^3.2.4"`
`7`	`15`	`}`
`8`	`16`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,16 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "doughnut-chart",`
	`3`	`+ "type": "module",`
	`4`	`+ "scripts": {`
	`5`	`+ "start": "vite"`
	`6`	`+ },`
`3`	`7`	`"dependencies": {`
`4`	`8`	`"svelte": "^3.32.3",`
`5`	`9`	`"svelte-chartjs": "^3.0.0",`
`6`	`10`	`"chart.js": "^4.0.0"`
	`11`	`+ },`
	`12`	`+ "devDependencies": {`
	`13`	`+ "@sveltejs/vite-plugin-svelte": "^1.3.1",`
	`14`	`+ "vite": "^3.2.4"`
`7`	`15`	`}`
`8`	`16`	`}`