feat: dev playground

HusamElbashir · HusamElbashir · commit 34ef843adfe0 · 2024-08-05T02:14:09.000+03:00
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 .DS_Store
 node_modules
-dev
 
 # local env files
 .env
diff --git a/playground/App.vue b/playground/App.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { GoogleMap, AdvancedMarker } from '../src'
+
+const center = { lat: 40.689247, lng: -74.044502 }
+const markerOptions = { position: center, title: 'LADY LIBERTY' }
+const pinOptions = { background: '#FBBC04' }
+</script>
+
+<template>
+  <GoogleMap mapId="DEMO_MAP_ID" style="width: 100%; height: 500px" :center="center" :zoom="15">
+    <AdvancedMarker :options="markerOptions" :pin-options="pinOptions" />
+  </GoogleMap>
+</template>
diff --git a/playground/index.html b/playground/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>vue3-google-map</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>
diff --git a/playground/main.ts b/playground/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+
+createApp(App).mount("#app");
diff --git a/vite.config.ts b/vite.config.ts
@@ -6,7 +6,7 @@ import vue from "@vitejs/plugin-vue";
 import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 
 export default defineConfig({
-  root: "./dev",
+  root: "./playground",
   plugins: [
     vue(),
     cssInjectedByJsPlugin({
