From 5dab70fe7e07f3c989845cdfa6b7b3bbc7cbda96 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 6 Jan 2023 11:51:38 -0800
Subject: [PATCH] fix: potential-pwa-fix-3 (#1992)

* force redirect when authenticated

* set start_url to empty string per - https://stackoverflow.com/questions/64608408/workbox-is-precaching-urls-without-revision-info-standalone-true-this-is-gene
---
 frontend/nuxt.config.js  |  1 +
 frontend/pages/login.vue | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
index ba8e21d78e2..fcc77571050 100644
--- a/frontend/nuxt.config.js
+++ b/frontend/nuxt.config.js
@@ -312,6 +312,7 @@ export default {
       ogSiteName: "Mealie",
     },
     manifest: {
+      start_url: "",
       lang: "en",
       name: "Mealie",
       title: "Mealie",
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index ea550e0a88d..8ee81266068 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -109,8 +109,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext, computed, reactive } from "@nuxtjs/composition-api";
-import { useDark } from "@vueuse/core";
+import { defineComponent, ref, useContext, computed, reactive, useRouter } from "@nuxtjs/composition-api";
+import { useDark, whenever } from "@vueuse/core";
 import { useAppInfo } from "~/composables/api";
 import { usePasswordField } from "~/composables/use-passwords";
 import { alert } from "~/composables/use-toast";
@@ -122,8 +122,17 @@ export default defineComponent({
     const toggleDark = useToggleDarkMode();
     const isDark = useDark();
 
+    const router = useRouter();
     const { $auth } = useContext();
 
+    whenever(
+      () => $auth.loggedIn,
+      () => {
+        router.push("/");
+      },
+      { immediate: true },
+    );
+
     const form = reactive({
       email: "",
       password: "",