chore: Updated dependencies

src/components/Avatar/StackedAvatarsCounter.vue

@@ -1,7 +1,9 @@
 <template>
-  <a class="relative flex justify-center items-center w-10 h-10 text-xs font-medium text-white bg-gray-700 rounded-full border-2 border-white hover:bg-gray-600 dark:border-gray-800" :href="href">+{{ total }}</a>
+  <a class="relative flex justify-center items-center w-10 h-10 text-xs font-medium text-white bg-gray-700 rounded-full border-2 border-white hover:bg-gray-600 dark:border-gray-800" :href="href"
+    >+{{ total }}</a
+  >
 </template>
-<script setup>
+<script setup lang="ts">
 defineProps({
   total: {
     type: Number,

src/components/Dropdown/Dropdown.vue

@@ -6,20 +6,18 @@
           <Button>
             {{ text }}
             <template #suffix>
-              <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"
-                   xmlns="http://www.w3.org/2000/svg">
+              <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
               </svg>
             </template>
           </Button>
         </slot>
       </slot-listener>
-
     </div>
     <transition :name="transitionName">
       <div ref="content" v-if="visible" :style="contentStyles" :class="[contentClasses]">
         <slot-listener @click="onHide">
-          <slot/>
+          <slot />
         </slot-listener>
       </div>
     </transition>
@@ -27,7 +25,6 @@
 </template>
 <script lang="ts" setup>
 import { computed, ref, toRef } from 'vue'
-import type { PropType } from 'vue'
 import type { DropdownPlacement } from './types'
 import { useDropdownClasses } from './composables/useDropdownClasses'
 import Button from '../Button/Button.vue'
@@ -35,25 +32,21 @@ import { onClickOutside } from '@vueuse/core'
 import SlotListener from '@/components/utils/SlotListener/SlotListener.vue'
 
 const visible = ref(false)
+const onHide = () => (visible.value = false)
+const onToggle = () => (visible.value = !visible.value)
 
-const onShow = () => visible.value = true
-const onHide = () => visible.value = false
-const onToggle = () => visible.value = !visible.value
-
-const props = defineProps({
-  placement: {
-    type: String as PropType<DropdownPlacement>,
-    default: 'bottom',
+const props = withDefaults(
+  defineProps<{
+    placement: DropdownPlacement
+    text: string
+    transition: string
+  }>(),
+  {
+    placement: 'bottom',
+    text: '',
+    transition: '',
   },
-  text: {
-    type: String,
-    default: '',
-  },
-  transition: {
-    type: [String, null] as PropType<string | null>,
-    default: null,
-  },
-})
+)
 
 const placementTransitionMap: Record<DropdownPlacement, string> = {
   bottom: 'to-bottom',

src/env.d.ts

@@ -1,4 +0,0 @@
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}

src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />