feat(links): adds export/import mechanism

Author: dvcol

package.json

@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@dvcol/base-http-client": "^1.16.1",
-    "@dvcol/common-utils": "^1.14.1",
+    "@dvcol/common-utils": "^1.14.2",
     "@dvcol/simkl-http-client": "^1.1.8",
     "@dvcol/tmdb-http-client": "^1.3.10",
     "@dvcol/trakt-http-client": "^1.4.16",

pnpm-lock.yaml

@@ -15,6 +15,7 @@ import LoadingBarProvider from '~/components/container/LoadingBarProvider.vue';
 import MessageProvider from '~/components/container/MessageProvider.vue';
 import NotificationProvider from '~/components/container/NotificationProvider.vue';
 import { NavbarService } from '~/services/navbar.service';
+import { useAppStateStoreRefs } from '~/stores/app-state.store';
 import { useExtensionSettingsStoreRefs } from '~/stores/settings/extension.store';
 import { lazyComponent } from '~/utils/lazy.utils';
 import { addCustomProgressProperty } from '~/utils/style.utils';
@@ -30,8 +31,7 @@ const override: GlobalThemeOverrides = {
 
 const { drawer, open, dropdown } = NavbarService;
 const { enabledRoutes } = useExtensionSettingsStoreRefs();
-
-const root = ref<HTMLElement>();
+const { root } = useAppStateStoreRefs();
 
 onBeforeMount(() => addCustomProgressProperty());
 </script>

src/components/container/ContainerComponent.ce.vue

@@ -178,7 +178,9 @@ const container = ref();
         @click="click"
       >
         <span>
-          {{ i18n(fetching[index] ? 'export_cancel' : 'export', 'common', 'button') }}
+          {{
+            i18n(fetching[index] ? 'export_cancel' : 'export_my_data', 'common', 'button')
+          }}
         </span>
         <template #icon>
           <NIcon :component="loading[index] ? IconLoadingDots : IconDownload" />