move to nuxt

frontend/pages/home.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+  import { type Location } from '~~/lib/api/classes/locations';
+  definePageMeta({
+    layout: 'home',
+  });
+  useHead({
+    title: 'Homebox | Home',
+  });
+
+  const api = useUserApi();
+  const locations = ref<Location[]>([]);
+  onMounted(async () => {
+    const { data } = await api.locations.getAll();
+    if (data) {
+      locations.value = data.items;
+    }
+  });
+</script>
+
+<template>
+  <BaseContainer>
+    <BaseSectionHeader class="mb-5"> Storage Locations </BaseSectionHeader>
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
+      <NuxtLink
+        :to="`/location/${l.id}`"
+        class="card bg-primary text-primary-content hover:-translate-y-1 focus:-translate-y-1 transition duration-300"
+        v-for="l in locations"
+      >
+        <div class="card-body p-4">
+          <h2 class="flex items-center gap-2">
+            <Icon name="heroicons-map-pin" class="h-5 w-5 text-white" height="25" />
+            {{ l.name }}
+            <!-- <span class="badge badge-accent badge-lg ml-auto text-accent-content text-lg">0</span> -->
+          </h2>
+        </div>
+      </NuxtLink>
+    </div>
+  </BaseContainer>
+</template>