Add global search

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Utils/NavBreadcrumbs.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav class="flex mb-3" :aria-label="$t('Breadcrumbs')">
+  <nav class="flex mb-3" :aria-label="t('Breadcrumbs')">
     <ol class="inline-flex items-center space-x-1 md:space-x-3 flex-wrap">
       <li
         class="inline-flex items-center"
@@ -57,6 +57,7 @@
   </nav>
 </template>
 <script lang="ts" setup>
+import { useI18n } from "vue-i18n";
 import { RouteLocationRaw } from "vue-router";
 
 type LinkElement = RouteLocationRaw & { text: string };
@@ -64,4 +65,6 @@ type LinkElement = RouteLocationRaw & { text: string };
 defineProps<{
   links: LinkElement[];
 }>();
+
+const { t } = useI18n({ useScope: "global" });
 </script>

js/src/components/Utils/RedirectWithAccount.vue

@@ -6,7 +6,7 @@
           <div class="column has-text-centered">
             <o-button
               variant="primary"
-              size="is-medium"
+              size="medium"
               tag="router-link"
               :to="{
                 name: RouteName.LOGIN,
@@ -46,7 +46,7 @@
           </div>
         </div>
         <div class="has-text-centered">
-          <o-button tag="a" type="is-text" @click="$router.go(-1)">{{
+          <o-button tag="a" variant="text" @click="$router.go(-1)">{{
             $t("Back to previous page")
           }}</o-button>
         </div>
@@ -74,9 +74,9 @@ const host = computed((): string => {
 });
 
 const redirectToInstance = async (): Promise<void> => {
-  const [, host] = remoteActorAddress.value.split("@", 2);
+  const [, hostname] = remoteActorAddress.value.split("@", 2);
   const remoteInteractionURI = await webFingerFetch(
-    host,
+    hostname,
     remoteActorAddress.value
   );
   window.open(remoteInteractionURI);