fix(web): disable simkl for web

Author: dvcol

src/components/views/settings/SettingsConnect.vue

@@ -71,7 +71,11 @@ useWatchActivated(
 <template>
   <NFlex align="center">
     <SettingsFormItem :label="i18n('label_enable')" class="flex-auto">
-      <NSwitch v-model:value="simklEnabled" class="form-switch">
+      <NSwitch
+        v-model:value="simklEnabled"
+        :disabled="!chromeRuntimeId"
+        class="form-switch"
+      >
         <template #checked>{{ i18n('on', 'common', 'button') }}</template>
         <template #unchecked>{{ i18n('off', 'common', 'button') }}</template>
       </NSwitch>

src/stores/data/simkl.store.ts

@@ -1,3 +1,4 @@
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
 import { defineStore, storeToRefs } from 'pinia';
 
 import { computed, reactive } from 'vue';
@@ -188,7 +189,7 @@ export const useSimklStore = defineStore(SimklStoreConstants.Store, () => {
     setUserSetting,
     simklAllowed,
     simklEnabled: computed({
-      get: () => simklAllowed.value && userEnabled.value,
+      get: () => simklAllowed.value && userEnabled.value && !!chromeRuntimeId,
       set: (value: boolean) => setUserEnabled(value),
     }),
     initSimklStore,