Initial vue template files

src/App.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import 'leaflet/dist/leaflet.css'
+import { LMap, LTileLayer } from '@vue-leaflet/vue-leaflet'
+import { ref } from 'vue'
+
+const zoom = ref(6)
+const center = ref([38, 139.69])
+</script>
+
+<template>
+  <main>
+    <LMap ref="map" v-model:zoom="zoom" v-model:center="center" :useGlobalLeaflet="false">
+      <LTileLayer
+        url="https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png"
+        layer-type="base"
+        name="Stadia Maps Basemap"
+      />
+    </LMap>
+  </main>
+</template>
+
+<style scoped>
+main {
+  height: 100vh;
+  width: 100vw;
+}
+</style>