From ff8d8ae73c416b74b6d7831e6aafab12ec3529f7 Mon Sep 17 00:00:00 2001
From: moshibar <moshibar@mailo.com>
Date: Sun, 23 Jul 2023 16:06:53 -0400
Subject: [PATCH] add reload

---
 .../client/src/components/MkPageWindow.vue    | 22 ++++++++++++++-----
 packages/client/src/pages/settings/navbar.vue |  2 +-
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/components/MkPageWindow.vue b/packages/client/src/components/MkPageWindow.vue
index 354abde72..b6a1999fe 100644
--- a/packages/client/src/components/MkPageWindow.vue
+++ b/packages/client/src/components/MkPageWindow.vue
@@ -24,7 +24,7 @@
 		</template>
 
 		<div class="yrolvcoq" :style="{ background: pageMetadata?.value?.bg }">
-			<RouterView :router="router" />
+			<RouterView :key="reloadCount" :router="router" />
 		</div>
 	</XWindow>
 </template>
@@ -78,15 +78,21 @@ const buttonsLeft = $computed(() => {
 });
 const buttonsRight = $computed(() => {
 	const buttons = [
-		{
-			icon: "ph-arrows-out-simple ph-bold ph-lg",
-			title: i18n.ts.showInPage,
-			onClick: expand,
-		},
+	{
+		icon: 'ph-arrow-clockwise ph-bold ph-lg',
+		title: i18n.ts.reload,
+		onClick: reload,
+	}, 
+	{
+		icon: "ph-arrows-out-simple ph-bold ph-lg",
+		title: i18n.ts.showInPage,
+		onClick: expand,
+	},
 	];
 
 	return buttons;
 });
+let reloadCount = $ref(0);
 
 router.addListener("push", (ctx) => {
 	history.push({ path: ctx.path, key: ctx.key });
@@ -140,6 +146,10 @@ function back() {
 	);
 }
 
+function reload() {
+	reloadCount++;
+}
+
 function close() {
 	windowEl.close();
 }
diff --git a/packages/client/src/pages/settings/navbar.vue b/packages/client/src/pages/settings/navbar.vue
index 932149f5d..68096ee37 100644
--- a/packages/client/src/pages/settings/navbar.vue
+++ b/packages/client/src/pages/settings/navbar.vue
@@ -26,7 +26,7 @@
 		</FormSlot>
 		<div class="buttons">
 			<MkButton inline @click="addItem"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.addItem }}</MkButton>
-			<MkButton inline danger @click="reset"><i class="ph-arrows-clockwise ph-bold ph-lg"></i> {{ i18n.ts.default }}</MkButton>
+			<MkButton inline danger @click="reset"><i class="ph-arrow-clockwise ph-bold ph-lg"></i> {{ i18n.ts.default }}</MkButton>
 			<MkButton inline primary class="save" @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
 		</div>