docs: update vite (#113)

visgl · Nov 29, 2023 · ee3bba8 · ee3bba8
1 parent d1ef9f3
commit ee3bba8
Show file tree

Hide file tree

Showing 13 changed files with 311 additions and 126 deletions.
diff --git a/examples/_template/package.json b/examples/_template/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/basic-map/package.json b/examples/basic-map/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/change-map-styles/package.json b/examples/change-map-styles/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/deckgl-overlay/package.json b/examples/deckgl-overlay/package.json
@@ -1,11 +1,12 @@
 {
+  "type": "module",
   "dependencies": {
-    "@vis.gl/react-google-maps": "*",
     "@deck.gl/google-maps": "^8.9.30",
     "@deck.gl/layers": "^8.9.30",
+    "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/directions/package.json b/examples/directions/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/map-control/package.json b/examples/map-control/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/marker-clustering/package.json b/examples/marker-clustering/package.json
@@ -1,10 +1,11 @@
 {
+  "type": "module",
   "dependencies": {
     "@googlemaps/markerclusterer": "^2.5.1",
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/markers-and-infowindows/assets/info-circle.svg b/examples/markers-and-infowindows/assets/info-circle.svg
diff --git a/examples/markers-and-infowindows/package.json b/examples/markers-and-infowindows/package.json
@@ -1,9 +1,10 @@
 {
+  "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.3.9"
+    "vite": "^5.0.4"
   },
   "scripts": {
     "start": "vite",

diff --git a/examples/markers-and-infowindows/src/app.tsx b/examples/markers-and-infowindows/src/app.tsx
@@ -48,11 +48,8 @@ const App = () => {
           position={{lat: 15, lng: 20}}
           title={'AdvancedMarker with customized pin.'}>
           <Pin background={'#22ccff'} borderColor={'#1e89a1'} scale={1.4}>
-            {/* child gets rendered as 'glyph' element of pin */}
-            <img
-              src="../assets/info-circle.svg"
-              style={{height: '24px', width: '24px'}}
-            />
+            {/* children are rendered as 'glyph' of pin */}
+            👀
           </Pin>
         </AdvancedMarker>