Merge pull request #4 from owddm/kmain

Smaller fixes and updates

components/Map.vue

@@ -27,14 +27,13 @@
       if (!mounted) {
         return
       }
-      lMap = L.map(map.value!).setView([34.82801, 135.57879], 9.4)
+      lMap = L.map(map.value!).setView([34.95937, 136.07081], 9.4)
       const gl = new MaplibreLayer({
         attribution: "\u003ca href=\"https://www.maptiler.com/copyright/\" target=\"_blank\"\u003e\u0026copy; MapTiler\u003c/a\u003e \u003ca href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\"\u003e\u0026copy; OpenStreetMap contributors\u003c/a\u003e",
         style: `https://api.maptiler.com/maps/${mapId}/style.json?key=${key}`
       })
       gl.addTo(lMap)
       stop = watchEffect(() => {
-        console.log('Rendering markers')
         const lMarkers = markers.map(marker => {
           let title = marker.title ? `<div class="map-event--label"><div class="map-event--title">${marker.title}</div>${marker.subtitle ? `<div class="map-event--info">${marker.subtitlePrefix ? `<strong>${marker.subtitlePrefix}</strong> ` : ''}${marker.subtitle}</div></div>`: ''}` : ''
           const html = `<img src="/_nuxt/assets/map/marker/${marker.type}.svg" class="map-event--image">${title}`

layouts/default.vue

@@ -2,20 +2,8 @@
   <div class="container">
     <SiteHeader />
     <main><slot /></main>
-    <div class="footer">
-      <SiteFooter />
-    </div>
+    <SiteFooter />
   </div>
 </template>
-
 <style scoped>
-.container {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  padding: 3rem;
-}
-.footer {
-  margin-top: 3rem;
-}
 </style>

nuxt.config.ts

@@ -1,4 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  ssr: false,
   css: ["assets/style.css"],
 });