docs: examples/vite

zenozeng · Jun 3, 2023 · e7e8869 · e7e8869
1 parent f253bd4
commit e7e8869
Show file tree

Hide file tree

Showing 16 changed files with 426 additions and 453 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## v1.5.1
+
+- docs: examples/vite
+- refactor: p5svg -> p5SVG
+
 ## v1.5.0
 
 - feat: TypeScript type declarations

diff --git a/README.md b/README.md
@@ -9,10 +9,10 @@ manipulating existing SVG file without rasterization.
 Add this line in your projects index.html :
 
 ```html
-<script src="https://unpkg.com/p5.js-svg@1.4.0"></script>
+<script src="https://unpkg.com/p5.js-svg@1.5.0"></script>
 ```
 
-(p5.js-svg v1.4.x is compatible with p5.js v1.6.x)
+(p5.js-svg v1.5.x is compatible with p5.js v1.6.x)
 
 Open your sketch.js and edit it:
 
@@ -39,6 +39,7 @@ Then you can open your html file, and view the result. It's \<svg\>!
 
 - https://zenozeng.github.io/p5.js-svg/examples/
 - https://zenozeng.github.io/p5.js-svg/test/
+- [Vite + TypeScript](https://github.com/zenozeng/p5.js-svg/tree/main/examples/vite)
 
 ## SVG Renderer vs Canvas2D Renderer
 

diff --git a/examples/vite/favicon.svg b/examples/vite/favicon.svg
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/main.js"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Vite + TS</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
diff --git a/examples/vite/main.js b/examples/vite/main.js