Add global search

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

js/src/components/Resource/FolderItem.vue

@@ -9,7 +9,7 @@
         },
       }"
     >
-      <div class="preview">
+      <div class="preview text-mbz-purple dark:text-mbz-purple-300">
         <Folder :size="48" />
       </div>
       <div class="body">
@@ -39,7 +39,7 @@
 </template>
 <script lang="ts" setup>
 import { useRouter } from "vue-router";
-import Draggable, { ChangeEvent } from "@xiaoshuapp/draggable";
+// import Draggable, { ChangeEvent } from "@xiaoshuapp/draggable";
 // import { SnackbarProgrammatic as Snackbar } from "buefy";
 import { IResource } from "@/types/resource";
 import RouteName from "@/router/name";
@@ -110,8 +110,8 @@ onMovedResource(({ data }) => {
 onMovedResourceError((e) => {
   // Snackbar.open({
   //   message: e.message,
-  //   type: "is-danger",
-  //   position: "is-bottom",
+  //   variant: "danger",
+  //   position: "bottom",
   // });
   return undefined;
 });

js/src/components/Resource/ResourceItem.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-1 items-center w-full" dir="auto">
     <a :href="resource.resourceUrl" target="_blank">
-      <div class="preview">
+      <div class="preview text-mbz-purple dark:text-mbz-purple-300">
         <div
           v-if="
             resource.type &&
@@ -79,7 +79,7 @@ const emit = defineEmits<{
   (e: "delete", resourceID: string): void;
 }>();
 
-const list = ref([]);
+// const list = ref([]);
 
 const urlHostname = computed((): string | undefined => {
   if (props.resource?.resourceUrl) {

js/src/components/Resource/ResourceSelector.vue

@@ -69,7 +69,7 @@
       />
     </article>
     <div class="flex gap-2 mt-2">
-      <o-button type="is-text" @click="emit('close-move-modal')">{{
+      <o-button variant="text" @click="emit('close-move-modal')">{{
         $t("Cancel")
       }}</o-button>
       <o-button