Table summary of orders

src/App.vue

@@ -1,10 +1,28 @@
 <template>
-  <RouterView />
+  <Suspense>
+    <RouterView />
+  </Suspense>
 </template>
 
 <script setup lang="ts">
 import './assets/style.scss'
 import { RouterView } from 'vue-router'
+import { watch } from 'vue'
+import { getActivePinia } from 'pinia'
+
+const pinia = getActivePinia();
+
+if(pinia != undefined) {
+  watch(
+    pinia.state,
+    (state) => {
+      // persist the whole state to the local storage whenever it changes
+      localStorage.setItem('piniaState', JSON.stringify(state))
+    },
+    { deep: true }
+  );
+}
+
 </script>
 
 <style>