feat: add lookup by asset ID (#208)

* add asset id redirecting

* dev env changes

* suggested changes from PR

* remove unnecessary proxy from nuxt config

* fix formatting

* change directory reference

* fix API key storage

* use /a/{id} as redirect

* run generators

* remove dependabot

Co-authored-by: Bradley Nelson <bradley@nel.family>
Co-authored-by: Bradley Nelson <BCNelson@users.noreply.github.com>

frontend/pages/a/[id].vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+  definePageMeta({
+    middleware: ["auth"],
+  });
+
+  const route = useRoute();
+  const assetId = computed<string>(() => route.params.id as string);
+  await navigateTo("/assets/" + assetId.value, { replace: true, redirectCode: 301 });
+</script>

frontend/pages/assets/[id].vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+  definePageMeta({
+    middleware: ["auth"],
+  });
+
+  const route = useRoute();
+  const api = useUserApi();
+  const toast = useNotifier();
+
+  const assetId = computed<string>(() => route.params.id as string);
+
+  const { pending, data: items } = useLazyAsyncData(`asset/${assetId.value}`, async () => {
+    const { data, error } = await api.assets.get(assetId.value);
+    if (error) {
+      toast.error("Failed to load asset");
+      navigateTo("/home");
+      return;
+    }
+    switch (data.total) {
+      case 0:
+        toast.error("Asset not found");
+        navigateTo("/home");
+        break;
+      case 1:
+        navigateTo(`/item/${data.items[0].id}`, { replace: true, redirectCode: 302 });
+        break;
+      default:
+        return data.items;
+    }
+  });
+</script>
+
+<template>
+  <BaseContainer>
+    <section v-if="!pending">
+      <BaseSectionHeader class="mb-5"> This Asset Id is associated with multiple items</BaseSectionHeader>
+      <div class="grid gap-2 grid-cols-1 sm:grid-cols-2">
+        <ItemCard v-for="item in items" :key="item.id" :item="item" />
+      </div>
+    </section>
+  </BaseContainer>
+</template>