add dark mode filter for site-map

src/components/CMap.vue

@@ -1,5 +1,9 @@
+<script setup lang="ts">
+import { isDark } from '~/composables'
+</script>
+
 <template>
   <div class="map-container flex justify-center items-center py-5">
-    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.1316505217173!2d106.7994309147447!3d10.87759006029277!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3174d8a415a9d221%3A0x550c2b41569376f9!2zVHLGsOG7nW5nIMSQ4bqhaSBo4buNYyBRdeG7kWMgVOG6vyAtIMSQ4bqhaSBo4buNYyBRdeG7kWMgZ2lhIFRQLkhDTQ!5e0!3m2!1svi!2s!4v1642129522529!5m2!1svi!2s" width="1220" height="450" style="border:0;" allowfullscreen="" loading="lazy" />
+    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.1316505217173!2d106.7994309147447!3d10.87759006029277!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3174d8a415a9d221%3A0x550c2b41569376f9!2zVHLGsOG7nW5nIMSQ4bqhaSBo4buNYyBRdeG7kWMgVOG6vyAtIMSQ4bqhaSBo4buNYyBRdeG7kWMgZ2lhIFRQLkhDTQ!5e0!3m2!1svi!2s!4v1642129522529!5m2!1svi!2s" width="1220" height="450" style="borderRadius: 1rem; filter: invert(90%)" :style="[isDark ? {'filter': 'invert(90%)'} : {'filter': 'invert(0%)'}]" allowfullscreen="" loading="lazy" />
   </div>
 </template>

src/layouts/LSitemap.vue

@@ -0,0 +1,14 @@
+<template>
+  <main class="text-center text-gray-700 dark:text-gray-200">
+    <div class="flex justify-between items-center bg-black">
+      <LMenu />
+      <div class="flex justify-center items-center text-white">
+        <RMenu />
+        <CExtension class="mx-2.75" />
+      </div>
+    </div>
+    <CHead />
+    <router-view />
+    <CFooter />
+  </main>
+</template>

src/pages/sitemap.vue

@@ -0,0 +1,18 @@
+<route lang="yaml">
+meta:
+  layout: LSitemap
+</route>
+
+<script setup>
+import CMap from '~/components/CMap.vue'
+
+</script>
+
+<template>
+  <div class="sitemap-container p-10">
+    <div class="text-3xl font-semibold py-10 dark:text-gray-400">
+      <h1>sitemap</h1>
+    </div>
+    <CMap />
+  </div>
+</template>