Some Fixes

src/App.vue

@@ -55,19 +55,15 @@ watch(store, () => {
 
 const goTo = (to: string) => {
 	page.value = to;
-	f7.views.main.router.navigate(to);
+	f7.views.main.router.navigate(to, { history: false });
 };
 </script>
 
 <template>
 	<k-provider theme="parent">
 		<f7App
-			:statusbar="{
-				enabled: true,
-				androidOverlaysWebView: true,
-				androidTextColor: dark ? 'white' : 'black',
-			}"
 			v-bind="{
+				name: 'Prossa',
 				darkMode: store.Theme,
 				routes: [
 					{ path: '/', component: HomePage },
@@ -80,6 +76,11 @@ const goTo = (to: string) => {
 						component: BookInfo,
 					},
 				],
+				statusbar: {
+					enabled: true,
+					androidOverlaysWebView: true,
+					androidTextColor: dark ? 'white' : 'black',
+				},
 			}"
 		>
 			<f7View browser-history main></f7View>

src/components/Popups/StatsPopup.vue

@@ -9,12 +9,12 @@ import {
 	f7BlockTitle,
 } from 'framework7-vue';
 import { DateTime, Duration, Interval } from 'luxon';
-import { onMounted } from 'vue';
+import { watch } from 'vue';
 import { useAppStore } from '../../stores/AppStore';
 
 const store = useAppStore();
 
-onMounted(() => {
+watch(store, () => {
 	/* Restart Reading Time on the end of the Month or Year */
 	const readingTime = DateTime.fromISO(store.lastReadingTime!);
 
@@ -45,7 +45,7 @@ onMounted(() => {
 </script>
 
 <template>
-	<f7Popup swipe-to-close close-on-escape animate class="stats-popup">
+	<f7Popup id="stats-popup" swipe-to-close close-on-escape animate>
 		<f7View>
 			<f7Page>
 				<f7Navbar transparent large title="Stats">

src/pages/HomePage.vue

@@ -124,7 +124,7 @@ const pickFile = () => {
 			</template>
 
 			<template #right>
-				<f7Button popup-open=".stats-popup" tonal round small>
+				<f7Button popup-open="#stats-popup" tonal round small>
 					<IconFlame></IconFlame> {{ store.daysOfReading }}
 				</f7Button>