init commit

src/stores/extensions/index.ts

@@ -0,0 +1,57 @@
+import { getSingleRouteParam } from '~/composables/helper';
+import type { RouteLocationRaw } from 'vue-router';
+
+export interface IExtensionLink {
+  name: string;
+  icon: string;
+  tooltip?: string;
+  id: string;
+}
+
+export const useExtensionsStore = defineStore('extensionsStore', () => {
+  const extensions = ref<IExtensionLink[]>([
+    {
+      id: 'haex-browser',
+      name: 'Haex Browser',
+      icon: 'solar:global-outline',
+    },
+
+    {
+      id: 'extensions',
+      name: 'sidebar.extensions',
+      icon: 'gg:extension',
+    },
+
+    {
+      id: 'settings',
+      name: 'sidebar.settings',
+      icon: 'ph:gear-six',
+    },
+  ]);
+
+  const currentRoute = useRouter().currentRoute.value;
+
+  const isActive = (id: string) =>
+    computed(
+      () =>
+        currentRoute.name === 'extension' &&
+        currentRoute.params.extensionId === id
+    );
+
+  const loadAsync = async (id: string) => {
+    extensions.value.some(async (extension) => {
+      if (extension.id === id) {
+        await navigateTo(
+          useLocalePath()({ name: 'extension', params: { extensionId: id } })
+        );
+      } else {
+      }
+    });
+  };
+
+  return {
+    extensions,
+    loadAsync,
+    isActive,
+  };
+});