fix(page-editor): refresh

Author: sifferhans

composables/usePageEditor.ts

@@ -75,26 +75,27 @@ export function usePageEditor() {
 		saving: false,
 	});
 
+	async function refresh() {
+		loading.page = true;
+		if (selectedPage.value === "discover") {
+			elements.value =
+				await new DiscoverApi().discoverRawDiscoverCollectionGet();
+		}
+		if (selectedPage.value === "carplay") {
+			elements.value =
+				await new DiscoverApi().discoverRawCarplayHomeGet();
+		}
+		if (selectedPage.value === "playlists") {
+			elements.value =
+				await new DiscoverApi().discoverRawPlaylistDocumentsGet();
+		}
+		loading.page = false;
+	}
+
 	watch(
 		selectedPage,
-		async (page) => {
-			loading.page = true;
-			if (page === "discover") {
-				elements.value =
-					await new DiscoverApi().discoverRawDiscoverCollectionGet();
-			}
-			if (page === "carplay") {
-				elements.value = await new DiscoverApi().discoverRawCarplayHomeGet();
-			}
-			if (page === "playlists") {
-				elements.value =
-					await new DiscoverApi().discoverRawPlaylistDocumentsGet();
-			}
-			loading.page = false;
-		},
-		{
-			immediate: true,
-		},
+		refresh,
+		{ immediate: true, },
 	);
 
 	async function save() {
@@ -128,5 +129,6 @@ export function usePageEditor() {
 		localStateForSelectedPage,
 		save,
 		loading,
+		refresh
 	};
 }

pages/page-editor.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { VueDraggable } from "vue-draggable-plus";
 
-const { selectedPage, localStateForSelectedPage, save, loading } =
+const { selectedPage, localStateForSelectedPage, save, loading, refresh } =
   usePageEditor();
 
 const keyForElement = (element: PageEditorElement) => {
@@ -62,7 +62,7 @@ const addElement = (index: number) => {
           intent="secondary"
           :size="hasScrolled ? 'small' : 'medium'"
           class="transition-all duration-200 ease-out"
-          @click="reloadNuxtApp()"
+          @click="refresh"
         >
           Reset
         </ButtonStyled>