From a5c59243c41a1baef62b439112a6a90aa1d878b4 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 14 Jan 2023 09:18:03 -0900
Subject: [PATCH] use /a/{id} as redirect

---
 frontend/pages/a/[id].vue      | 35 +---------------------------
 frontend/pages/assets/[id].vue | 42 ++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 34 deletions(-)
 create mode 100644 frontend/pages/assets/[id].vue

diff --git a/frontend/pages/a/[id].vue b/frontend/pages/a/[id].vue
index 28d65d1..6bcca5b 100644
--- a/frontend/pages/a/[id].vue
+++ b/frontend/pages/a/[id].vue
@@ -4,39 +4,6 @@
   });
 
   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}`);
-        break;
-      default:
-        return data.items;
-    }
-  });
+  await navigateTo("/assets/" + assetId.value, { replace: true, redirectCode: 301 });
 </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>
diff --git a/frontend/pages/assets/[id].vue b/frontend/pages/assets/[id].vue
new file mode 100644
index 0000000..841a1cd
--- /dev/null
+++ b/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>