feat: import LocationItem and TAGS in multiple components for improved type handling

Author: zackha

app/components/MapFiltersBar.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { TAGS, type TagKey } from "~/data/tags";
+
 const props = defineProps<{ activeTypes: TagKey[] }>();
 const emit = defineEmits<{ (e: "toggle-type", type: TagKey): void }>();
 </script>

app/components/MapPane.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { LocationItem } from "~/data/locations";
+
 const props = defineProps<{
   items: LocationItem[];
   selected: LocationItem | null;

app/components/MobileBottomSheet.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import BottomSheet from "@douxcode/vue-spring-bottom-sheet";
 import "@douxcode/vue-spring-bottom-sheet/dist/style.css";
+import type { LocationItem } from "~/data/locations";
+import { TAGS, type TagKey } from "~/data/tags";
 
 const props = defineProps<{
   items: LocationItem[];

app/components/SidebarList.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import type { LocationItem } from "~/data/locations";
+import { TAGS, type TagKey } from "~/data/tags";
+import { slugify } from "~/utils/slug";
+
 const props = withDefaults(
   defineProps<{
     items: LocationItem[];