redirect to newly created lyrics

bcc-code · Dec 2, 2024 · ecbff6c · ecbff6c
1 parent dd5fd6e
commit ecbff6c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@auth0/auth0-vue": "^2.3.3",
-    "@bcc-code/bmm-sdk-fetch": "^8.7.2",
+    "@bcc-code/bmm-sdk-fetch": "^8.7.3",
     "@floating-ui/vue": "^1.0.6",
     "@headlessui/vue": "^1.7.19",
     "@microsoft/applicationinsights-web": "^3.0.8",

diff --git a/pages/lyrics/index.vue b/pages/lyrics/index.vue
@@ -4,6 +4,7 @@ import { useRouteQuery } from "@vueuse/router";
 import type { Lyrics } from "@bcc-code/bmm-sdk-fetch";
 import { DEFAULT_LONG_COPYRIGHT } from "./[id].vue";
 
+const router = useRouter();
 const { t } = useI18n();
 setTitle(() => t("nav.lyrics"));
 
@@ -26,14 +27,15 @@ async function createLyrics() {
   loading.value = true;
 
   try {
-    await new LyricsApi().lyricsPost({
+    const newId = await new LyricsApi().lyricsPost({
       lyrics: {
         songTitle: createForm.title,
         source: "Manual",
         longCopyright: DEFAULT_LONG_COPYRIGHT,
       },
     });
     resetForm();
+    router.push({ name: "lyrics-id", params: { id: newId } });
   } catch (err) {
     showErrorToUser("CreateLyricsFailed", "Failed to create lyrics");
   } finally {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml