refactor: urls

components/UserProfile/CallbackFeedback.vue

@@ -252,7 +252,7 @@ const accountActionStatusCopy = computed((): { text: string; } => {
           />
           <BrandButton
             v-else
-            :href="PLUGIN_SETTINGS"
+            :href="PLUGIN_SETTINGS.toString()"
             :icon="CogIcon"
             :text="t('Configure Connect Features')"
             class="grow-0"

components/UserProfile/DropdownContent.vue

@@ -26,20 +26,20 @@ const links = computed(():UserProfileLink[] => {
           {
             emphasize: true,
             external: true,
-            href: CONNECT_DASHBOARD,
+            href: CONNECT_DASHBOARD.toString(),
             icon: ArrowTopRightOnSquareIcon,
             text: props.t('Go to Connect'),
             title: props.t('Opens Connect in new tab'),
           },
           {
             external: true,
-            href: ACCOUNT,
+            href: ACCOUNT.toString(),
             icon: ArrowTopRightOnSquareIcon,
             text: props.t('Manage Unraid.net Account'),
             title: props.t('Manage Unraid.net Account in new tab'),
           },
           {
-            href: PLUGIN_SETTINGS,
+            href: PLUGIN_SETTINGS.toString(),
             icon: CogIcon,
             text: props.t('Settings'),
             title: props.t('Go to Connect plugin settings'),

components/UserProfile/Promo.vue

@@ -8,6 +8,7 @@ import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue';
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
 
 import useInstallPlugin from '~/composables/installPlugin';
+import { CONNECT_DOCS } from '~/helpers/urls';
 import { usePromoStore } from '~/store/promo';
 import type { UserProfilePromoFeature } from '~/types/userProfile';
 import 'tailwindcss/tailwind.css';
@@ -112,7 +113,7 @@ const { install } = useInstallPlugin();
         </button>
         <div>
           <a
-            href="https://docs.unraid.net/category/unraid-connect"
+            :href="CONNECT_DOCS.toString()"
             class="text-12px tracking-wide inline-flex flex-row items-center justify-start gap-8px mx-8px opacity-60 hover:opacity-100 focus:opacity-100 underline transition"
             target="_blank"
             rel="noopener noreferrer"