settings: add fragment

Signed-off-by: Varun Patil <radialapps@gmail.com>

src/App.vue

@@ -26,7 +26,7 @@
 
       <template #footer>
         <ul class="app-navigation__settings">
-          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings">
+          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings" href="#ss">
             <CogIcon slot="icon" :size="20" />
           </NcAppNavigationItem>
         </ul>

src/components/Settings.vue

@@ -226,10 +226,23 @@ export default defineComponent({
     },
   },
 
+  watch: {
+    open(value: boolean) {
+      utils.fragment.if(value, utils.fragment.types.settings);
+    },
+  },
+
   mounted() {
     if (this.isNative) {
       this.refreshNativeConfig();
     }
+
+    // Fragment navigation
+    utils.bus.on('memories:fragment:pop:settings', this.onClose);
+  },
+
+  beforeDestroy() {
+    utils.bus.off('memories:fragment:pop:settings', this.onClose);
   },
 
   methods: {

src/services/utils/fragment.ts

@@ -7,6 +7,7 @@ enum FragmentType {
   modal = 'm',
   sidebar = 'i',
   editor = 'e',
+  settings = 'ss',
 }
 
 /** Names of fragments */