switch to nuxt layers

src/components/ui/tooltip/index.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="tooltip [--prevent-popper:false]">
-    <div
-      class="tooltip-toggle"
-      aria-label="Tooltip"
-    >
-      <slot>
-        <button class="btn btn-square">
-          <Icon name="mdi:chevron-up-box-outline" />
-        </button>
-      </slot>
-
-      <span
-        class="tooltip-content tooltip-shown:opacity-100 tooltip-shown:visible z-40"
-        role="tooltip"
-      >
-        <span
-          class="tooltip-body"
-          v-bind="$attrs"
-        >
-          {{ tooltip }}
-        </span>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { PropType } from 'vue';
-
-const props = defineProps({
-  direction: {
-    type: String as PropType<
-      | 'top'
-      | 'top-start'
-      | 'top-end'
-      | 'bottom'
-      | 'bottom-start'
-      | 'bottom-end'
-      | 'right'
-      | 'right-start'
-      | 'right-end'
-      | 'left'
-      | 'left-start'
-      | 'left-end'
-    >,
-    default: 'top',
-  },
-
-  tooltip: String,
-
-  trigger: {
-    type: String as PropType<'focus' | 'hover' | 'click'>,
-    default: 'hover',
-  },
-});
-
-defineOptions({
-  inheritAttrs: false,
-});
-</script>