style: 💄 格式化代码

src/components/DaiysuiTable/index.vue

@@ -3,28 +3,28 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps({
-  data: {
-    type: Array as any,
-    default: [] as any[],
-  },
-  tableColumns: {
-    type: Array,
-    default: [] as any[],
-  },
+    data: {
+        type: Array as any,
+        default: [] as any[],
+    },
+    tableColumns: {
+        type: Array,
+        default: [] as any[],
+    },
 })
 const { t } = useI18n()
 const dataColumns = computed<any[]>(() => {
-  // 不带有actions的列
-  const columns = props.tableColumns.filter((item: any) => !item.actions)
+    // 不带有actions的列
+    const columns = props.tableColumns.filter((item: any) => !item.actions)
 
-  return columns
+    return columns
 })
 
 const actionsColumns = computed<any[]>(() => {
-  // 带有actions的列
-  const columns = props.tableColumns.filter((item: any) => item.actions)
+    // 带有actions的列
+    const columns = props.tableColumns.filter((item: any) => item.actions)
 
-  return columns
+    return columns
 })
 </script>
 

src/components/Dialog/index.vue

@@ -3,40 +3,40 @@ import { onMounted, ref, toRefs } from 'vue'
 import i18n from '@/locales/i18n'
 
 interface Props {
-  title: string
-  desc?: string
-  cancelText?: string
-  submitText?: string
-  submitFunc?: () => void
-  cancelFunc?: () => void
+    title: string
+    desc?: string
+    cancelText?: string
+    submitText?: string
+    submitFunc?: () => void
+    cancelFunc?: () => void
 }
 const props = withDefaults(defineProps<Props>(), {
-  cancelText: i18n.global.t('button.cancel'),
-  submitText: i18n.global.t('button.confirm'),
-  cancelFunc: () => {},
+    cancelText: i18n.global.t('button.cancel'),
+    submitText: i18n.global.t('button.confirm'),
+    cancelFunc: () => {},
 })
 const visible = defineModel('visible', {
-  type: Boolean,
-  default: false,
+    type: Boolean,
+    default: false,
 })
 
 const dialogRef = ref <HTMLDialogElement | null> (null)
 function defaultCancelFunc() {
-  dialogRef.value?.close()
+    dialogRef.value?.close()
 }
 
 function showDialog() {
-  dialogRef.value?.showModal()
+    dialogRef.value?.showModal()
 }
 defineExpose({
-  showDialog,
-  closed,
+    showDialog,
+    closed,
 })
 
 onMounted(() => {
-  dialogRef.value?.addEventListener('close', () => {
-    visible.value = false
-  })
+    dialogRef.value?.addEventListener('close', () => {
+        visible.value = false
+    })
 })
 const { title, desc, cancelText, submitText, submitFunc, cancelFunc = defaultCancelFunc } = toRefs(props)
 </script>

src/components/Drawer/index.vue

@@ -4,16 +4,16 @@ import { ref } from 'vue'
 const drawerTriggerRef = ref <HTMLDialogElement | null> (null)
 const visible = ref(false)
 function showDrawer() {
-  drawerTriggerRef.value?.click()
-  visible.value = true
+    drawerTriggerRef.value?.click()
+    visible.value = true
 }
 function closeDrawer() {
-  drawerTriggerRef.value?.click()
-  visible.value = false
+    drawerTriggerRef.value?.click()
+    visible.value = false
 }
 defineExpose({
-  showDrawer,
-  closeDrawer,
+    showDrawer,
+    closeDrawer,
 })
 </script>
 

src/components/FileUpload/index.vue

@@ -2,38 +2,38 @@
 import type { IFileData } from './type'
 import { ListMusic, Upload, X } from 'lucide-vue-next'
 import { ref } from 'vue'
-import { getBlobObjectUrl, readFileAsJsonData, readFileData, readFileDataAsBlob } from '@/utils/file'
+import { getBlobObjectUrl, readFileAsJsonData, readFileDataAsBlob } from '@/utils/file'
 
 const props = defineProps<{
-  limitType?: string
-  mode?: 'file' | 'json'
+    limitType?: string
+    mode?: 'file' | 'json'
 }>()
 
 const emits = defineEmits<{
-  uploadFile: [fileData: IFileData | null]
+    uploadFile: [fileData: IFileData | null]
 }>()
 const originFileName = ref<string | null>(null)
 const fileData = ref<IFileData | null>(null)
 
 async function handleFileChange(e: Event) {
-  const file = ((e.target as HTMLInputElement).files as FileList)[0]
-  const type = file.type
-  if (props.mode === 'json') {
-    const fileRes = await readFileAsJsonData(file)
-    const jsonData = JSON.parse(fileRes)
-    fileData.value = { data: jsonData, fileName: file.name, type }
-    originFileName.value = file.name
+    const file = ((e.target as HTMLInputElement).files as FileList)[0]
+    const type = file.type
+    if (props.mode === 'json') {
+        const fileRes = await readFileAsJsonData(file)
+        const jsonData = JSON.parse(fileRes)
+        fileData.value = { data: jsonData, fileName: file.name, type }
+        originFileName.value = file.name
+        emits('uploadFile', fileData.value)
+        return
+    }
+    const { data: blobData, fileName } = await readFileDataAsBlob(file)
+    fileData.value = { data: blobData, fileName, type }
+    originFileName.value = fileName
     emits('uploadFile', fileData.value)
-    return
-  }
-  const { data: blobData, fileName } = await readFileDataAsBlob(file)
-  fileData.value = { data: blobData, fileName, type }
-  originFileName.value = fileName
-  emits('uploadFile', fileData.value)
 }
 function removeFile() {
-  fileData.value = null
-  emits('uploadFile', null)
+    fileData.value = null
+    emits('uploadFile', null)
 }
 </script>
 

src/components/HelloWorld.vue

@@ -5,7 +5,7 @@ defineProps<{ msg: string }>()
 
 const count = ref(0)
 function addCount() {
-  count.value++
+    count.value++
 }
 </script>
 

src/components/ImageSync/index.vue

@@ -5,31 +5,31 @@ import localforage from 'localforage'
 import { onMounted, ref } from 'vue'
 
 interface IProps {
-  imgItem: IImage
+    imgItem: IImage
 }
 const props = defineProps<IProps>()
 const imageDbStore = localforage.createInstance({
-  name: 'imgStore',
+    name: 'imgStore',
 })
 
 const imgUrl = ref('')
 
 async function getImageStoreItem(item: IImage): Promise<string> {
-  let image = ''
-  if (item.url === 'Storage') {
-    const key = item.id
-    const imageData = await imageDbStore.getItem<IFileData>(key)
-    image = URL.createObjectURL(imageData?.data as Blob)
-  }
-  else {
-    image = item.url as string
-  }
+    let image = ''
+    if (item.url === 'Storage') {
+        const key = item.id
+        const imageData = await imageDbStore.getItem<IFileData>(key)
+        image = URL.createObjectURL(imageData?.data as Blob)
+    }
+    else {
+        image = item.url as string
+    }
 
-  return image
+    return image
 }
 
 onMounted(async () => {
-  imgUrl.value = await getImageStoreItem(props.imgItem)
+    imgUrl.value = await getImageStoreItem(props.imgItem)
 })
 </script>
 

src/components/NumberSeparate/EditSeparateDialog.vue

@@ -4,14 +4,14 @@ import { onMounted, ref, toRefs, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps({
-  totalNumber: {
-    type: Number,
-    default: 0,
-  },
-  separatedNumber: {
-    type: Array<Separate>,
-    default: [],
-  },
+    totalNumber: {
+        type: Number,
+        default: 0,
+    },
+    separatedNumber: {
+        type: Array<Separate>,
+        default: [],
+    },
 })
 const emits = defineEmits(['submitData'])
 const { t } = useI18n()
@@ -19,55 +19,55 @@ const separatedNumberRef = ref()
 const { separatedNumber, totalNumber } = toRefs(props)
 const scaleList = ref<number[]>([])
 function editScale(item: number) {
-  if (item === totalNumber.value) {
-    return
-  }
-  if (scaleList.value.includes(item)) {
-    const index = scaleList.value.indexOf(item)
-    scaleList.value.splice(index, 1)
-    separatedNumber.value.splice(index, 1)
-  }
-  else {
-    scaleList.value.push(item)
-    scaleList.value.sort((a, b) => a - b)
-  }
+    if (item === totalNumber.value) {
+        return
+    }
+    if (scaleList.value.includes(item)) {
+        const index = scaleList.value.indexOf(item)
+        scaleList.value.splice(index, 1)
+        separatedNumber.value.splice(index, 1)
+    }
+    else {
+        scaleList.value.push(item)
+        scaleList.value.sort((a, b) => a - b)
+    }
 }
 function clearData() {
-  emits('submitData', separatedNumber.value)
-  separatedNumberRef.value.close()
+    emits('submitData', separatedNumber.value)
+    separatedNumberRef.value.close()
 }
 watch(scaleList, (val: number[]) => {
-  separatedNumber.value.length = 0
-  for (let i = 1; i < scaleList.value.length; i++) {
-    separatedNumber.value[i - 1] = {
-      id: i.toString(),
-      count: val[i] - val[i - 1],
-      isUsedCount: 0,
+    separatedNumber.value.length = 0
+    for (let i = 1; i < scaleList.value.length; i++) {
+        separatedNumber.value[i - 1] = {
+            id: i.toString(),
+            count: val[i] - val[i - 1],
+            isUsedCount: 0,
+        }
     }
-  }
 }, { deep: true })
 
 watch(totalNumber, (val) => {
-  if (val <= 0) {
-    return
-  }
-  separatedNumberRef.value.showModal()
-  // scaleList.value = [0, val]
-  scaleList.value = Array.from({ length: separatedNumber.value.length + 1 }).fill(totalNumber.value) as number[]
-  for (let i = separatedNumber.value.length - 1; i >= 0; i--) {
-    scaleList.value[i] = scaleList.value[i + 1] - separatedNumber.value[i].count
-  }
-  if (scaleList.value[0] !== 0) {
-    scaleList.value.unshift(0)
-  }
+    if (val <= 0) {
+        return
+    }
+    separatedNumberRef.value.showModal()
+    // scaleList.value = [0, val]
+    scaleList.value = Array.from({ length: separatedNumber.value.length + 1 }).fill(totalNumber.value) as number[]
+    for (let i = separatedNumber.value.length - 1; i >= 0; i--) {
+        scaleList.value[i] = scaleList.value[i + 1] - separatedNumber.value[i].count
+    }
+    if (scaleList.value[0] !== 0) {
+        scaleList.value.unshift(0)
+    }
 })
 onMounted(() => {
-  // 阻止esc事件
-  document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape') {
-      e.preventDefault()
-    }
-  })
+    // 阻止esc事件
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault()
+        }
+    })
 })
 </script>
 

src/components/PageHeader/index.vue

@@ -1,6 +1,6 @@
 <script setup lang='ts'>
 const props = defineProps<{
-  title: string
+    title: string
 }>()
 </script>
 

src/components/SvgIcon/index.vue

@@ -2,22 +2,22 @@
 import { computed } from 'vue'
 
 const props = defineProps({
-  prefix: {
-    type: String,
-    default: 'icon',
-  },
-  name: {
-    type: String,
-    required: true,
-  },
-  color: {
-    type: String,
-    default: '#242424',
-  },
-  size: {
-    type: String,
-    default: '24px',
-  },
+    prefix: {
+        type: String,
+        default: 'icon',
+    },
+    name: {
+        type: String,
+        required: true,
+    },
+    color: {
+        type: String,
+        default: '#242424',
+    },
+    size: {
+        type: String,
+        default: '24px',
+    },
 })
 
 const symbolId = computed(() => `#${props.prefix}-${props.name}`)

src/components/Waterfall/index.vue

@@ -6,16 +6,16 @@ import { nextTick, onMounted, onUnmounted, ref } from 'vue'
 
 // 布局参数 Props
 interface MasonryWaterfallProps {
-  columnWidth?: number | string // 列宽（px/选择器）
-  gutter?: number // 列/行间距
-  fitWidth?: boolean // 容器宽度自适应居中
+    columnWidth?: number | string // 列宽（px/选择器）
+    gutter?: number // 列/行间距
+    fitWidth?: boolean // 容器宽度自适应居中
 }
 
 // 默认参数
 const props = withDefaults(defineProps<MasonryWaterfallProps>(), {
-  columnWidth: 120,
-  gutter: 16,
-  fitWidth: true,
+    columnWidth: 120,
+    gutter: 16,
+    fitWidth: true,
 })
 
 // Vue Ref 管理 DOM 容器和 masonry 实例
@@ -24,52 +24,52 @@ const masonryInstance: Ref<Masonry | null> = ref(null)
 
 // 初始化 masonry（仅执行一次，因卡片固定）
 async function initMasonry() {
-  if (!masonryContainer.value)
-    return
+    if (!masonryContainer.value)
+        return
 
-  // 等待插槽内容（固定卡片）完全渲染
-  await nextTick()
+    // 等待插槽内容（固定卡片）完全渲染
+    await nextTick()
 
-  // 初始化 masonry 实例（固定卡片无需销毁旧实例）
-  masonryInstance.value = new Masonry(masonryContainer.value, {
-    itemSelector: '.masonry-container > *', // 匹配所有固定子项
-    columnWidth: props.columnWidth,
-    gutter: props.gutter,
-    fitWidth: props.fitWidth,
-    initLayout: true, // 固定卡片直接初始化布局
-  })
+    // 初始化 masonry 实例（固定卡片无需销毁旧实例）
+    masonryInstance.value = new Masonry(masonryContainer.value, {
+        itemSelector: '.masonry-container > *', // 匹配所有固定子项
+        columnWidth: props.columnWidth,
+        gutter: props.gutter,
+        fitWidth: props.fitWidth,
+        initLayout: true, // 固定卡片直接初始化布局
+    })
 }
 
 // 刷新布局（仅用于卡片内部内容高度变化）
 async function refreshLayout() {
-  await nextTick()
-  if (masonryInstance.value) {
-    masonryInstance.value.layout?.()
-  }
+    await nextTick()
+    if (masonryInstance.value) {
+        masonryInstance.value.layout?.()
+    }
 }
 
 // 窗口缩放节流重排（优化性能）
 const handleResize = throttle(() => {
-  if (masonryInstance.value) {
-    masonryInstance.value.layout?.()
-  }
+    if (masonryInstance.value) {
+        masonryInstance.value.layout?.()
+    }
 }, 300)
 
 // 生命周期：挂载时初始化，卸载时清理
 onMounted(async () => {
-  await initMasonry()
-  window.addEventListener('resize', handleResize)
+    await initMasonry()
+    window.addEventListener('resize', handleResize)
 })
 
 onUnmounted(() => {
-  // 销毁实例 + 释放内存
-  if (masonryInstance.value) {
-    masonryInstance.value.destroy?.()
-    masonryInstance.value = null
-  }
-  // 移除监听 + 取消节流任务
-  window.removeEventListener('resize', handleResize)
-  handleResize.cancel()
+    // 销毁实例 + 释放内存
+    if (masonryInstance.value) {
+        masonryInstance.value.destroy?.()
+        masonryInstance.value = null
+    }
+    // 移除监听 + 取消节流任务
+    window.removeEventListener('resize', handleResize)
+    handleResize.cancel()
 })
 
 // 仅暴露刷新方法（适配卡片内部内容变化）

src/components/ui/button/Button.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import type { ButtonVariants } from "."
-import { Primitive } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "."
+import type { PrimitiveProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import type { ButtonVariants } from '.'
+import { Primitive } from 'reka-ui'
+import { cn } from '@/lib/utils'
+import { buttonVariants } from '.'
 
 interface Props extends PrimitiveProps {
-  variant?: ButtonVariants["variant"]
-  size?: ButtonVariants["size"]
-  class?: HTMLAttributes["class"]
+    variant?: ButtonVariants['variant']
+    size?: ButtonVariants['size']
+    class?: HTMLAttributes['class']
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  as: "button",
+    as: 'button',
 })
 </script>
 

src/components/ui/button/index.ts

@@ -1,38 +1,38 @@
-import type { VariantProps } from "class-variance-authority"
-import { cva } from "class-variance-authority"
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 
-export { default as Button } from "./Button.vue"
+export { default as Button } from './Button.vue'
 
 export const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        "default": "h-9 px-4 py-2 has-[>svg]:px-3",
-        "sm": "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        "lg": "h-10 rounded-md px-6 has-[>svg]:px-4",
-        "icon": "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-      },
+    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+    {
+        variants: {
+            variant: {
+                default:
+          'bg-primary text-primary-foreground hover:bg-primary/90',
+                destructive:
+          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+                outline:
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+                secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                ghost:
+          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+                link: 'text-primary underline-offset-4 hover:underline',
+            },
+            size: {
+                'default': 'h-9 px-4 py-2 has-[>svg]:px-3',
+                'sm': 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+                'lg': 'h-10 rounded-md px-6 has-[>svg]:px-4',
+                'icon': 'size-9',
+                'icon-sm': 'size-8',
+                'icon-lg': 'size-10',
+            },
+        },
+        defaultVariants: {
+            variant: 'default',
+            size: 'default',
+        },
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
 )
 export type ButtonVariants = VariantProps<typeof buttonVariants>

src/components/ui/command/Command.vue

@@ -1,78 +1,78 @@
 <script setup lang="ts">
-import type { ListboxRootEmits, ListboxRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui"
-import { reactive, ref, watch } from "vue"
-import { cn } from "@/lib/utils"
-import { provideCommandContext } from "."
+import type { ListboxRootEmits, ListboxRootProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxRoot, useFilter, useForwardPropsEmits } from 'reka-ui'
+import { reactive, ref, watch } from 'vue'
+import { cn } from '@/lib/utils'
+import { provideCommandContext } from '.'
 
-const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes["class"] }>(), {
-  modelValue: "",
+const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes['class'] }>(), {
+    modelValue: '',
 })
 
 const emits = defineEmits<ListboxRootEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 
 const allItems = ref<Map<string, string>>(new Map())
 const allGroups = ref<Map<string, Set<string>>>(new Map())
 
-const { contains } = useFilter({ sensitivity: "base" })
+const { contains } = useFilter({ sensitivity: 'base' })
 const filterState = reactive({
-  search: "",
-  filtered: {
+    search: '',
+    filtered: {
     /** The count of all visible items. */
-    count: 0,
-    /** Map from visible item id to its search score. */
-    items: new Map() as Map<string, number>,
-    /** Set of groups with at least one visible item. */
-    groups: new Set() as Set<string>,
-  },
+        count: 0,
+        /** Map from visible item id to its search score. */
+        items: new Map() as Map<string, number>,
+        /** Set of groups with at least one visible item. */
+        groups: new Set() as Set<string>,
+    },
 })
 
 function filterItems() {
-  if (!filterState.search) {
-    filterState.filtered.count = allItems.value.size
-    // Do nothing, each item will know to show itself because search is empty
-    return
-  }
-
-  // Reset the groups
-  filterState.filtered.groups = new Set()
-  let itemCount = 0
-
-  // Check which items should be included
-  for (const [id, value] of allItems.value) {
-    const score = contains(value, filterState.search)
-    filterState.filtered.items.set(id, score ? 1 : 0)
-    if (score)
-      itemCount++
-  }
-
-  // Check which groups have at least 1 item shown
-  for (const [groupId, group] of allGroups.value) {
-    for (const itemId of group) {
-      if (filterState.filtered.items.get(itemId)! > 0) {
-        filterState.filtered.groups.add(groupId)
-        break
-      }
+    if (!filterState.search) {
+        filterState.filtered.count = allItems.value.size
+        // Do nothing, each item will know to show itself because search is empty
+        return
     }
-  }
 
-  filterState.filtered.count = itemCount
+    // Reset the groups
+    filterState.filtered.groups = new Set()
+    let itemCount = 0
+
+    // Check which items should be included
+    for (const [id, value] of allItems.value) {
+        const score = contains(value, filterState.search)
+        filterState.filtered.items.set(id, score ? 1 : 0)
+        if (score)
+            itemCount++
+    }
+
+    // Check which groups have at least 1 item shown
+    for (const [groupId, group] of allGroups.value) {
+        for (const itemId of group) {
+            if (filterState.filtered.items.get(itemId)! > 0) {
+                filterState.filtered.groups.add(groupId)
+                break
+            }
+        }
+    }
+
+    filterState.filtered.count = itemCount
 }
 
 watch(() => filterState.search, () => {
-  filterItems()
+    filterItems()
 })
 
 provideCommandContext({
-  allItems,
-  allGroups,
-  filterState,
+    allItems,
+    allGroups,
+    filterState,
 })
 </script>
 

src/components/ui/command/CommandDialog.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui"
-import { useForwardPropsEmits } from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
+import { useForwardPropsEmits } from 'reka-ui'
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
-import Command from "./Command.vue"
+import Command from './Command.vue'
 
 const props = withDefaults(defineProps<DialogRootProps & {
-  title?: string
-  description?: string
+    title?: string
+    description?: string
 }>(), {
-  title: "Command Palette",
-  description: "Search for a command to run...",
+    title: 'Command Palette',
+    description: 'Search for a command to run...',
 })
 const emits = defineEmits<DialogRootEmits>()
 

src/components/ui/command/CommandEmpty.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Primitive } from "reka-ui"
-import { computed } from "vue"
-import { cn } from "@/lib/utils"
-import { useCommand } from "."
+import type { PrimitiveProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { useCommand } from '.'
 
-const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const { filterState } = useCommand()
 const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0,

src/components/ui/command/CommandGroup.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { ListboxGroupProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxGroup, ListboxGroupLabel, useId } from "reka-ui"
-import { computed, onMounted, onUnmounted } from "vue"
-import { cn } from "@/lib/utils"
-import { provideCommandGroupContext, useCommand } from "."
+import type { ListboxGroupProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxGroup, ListboxGroupLabel, useId } from 'reka-ui'
+import { computed, onMounted, onUnmounted } from 'vue'
+import { cn } from '@/lib/utils'
+import { provideCommandGroupContext, useCommand } from '.'
 
 const props = defineProps<ListboxGroupProps & {
-  class?: HTMLAttributes["class"]
-  heading?: string
+    class?: HTMLAttributes['class']
+    heading?: string
 }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const { allGroups, filterState } = useCommand()
 const id = useId()
@@ -21,11 +21,11 @@ const isRender = computed(() => !filterState.search ? true : filterState.filtere
 
 provideCommandGroupContext({ id })
 onMounted(() => {
-  if (!allGroups.value.has(id))
-    allGroups.value.set(id, new Set())
+    if (!allGroups.value.has(id))
+        allGroups.value.set(id, new Set())
 })
 onUnmounted(() => {
-  allGroups.value.delete(id)
+    allGroups.value.delete(id)
 })
 </script>
 

src/components/ui/command/CommandInput.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import type { ListboxFilterProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Search } from "lucide-vue-next"
-import { ListboxFilter, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { useCommand } from "."
+import type { ListboxFilterProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Search } from 'lucide-vue-next'
+import { ListboxFilter, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
+import { useCommand } from '.'
 
 defineOptions({
-  inheritAttrs: false,
+    inheritAttrs: false,
 })
 
 const props = defineProps<ListboxFilterProps & {
-  class?: HTMLAttributes["class"]
+    class?: HTMLAttributes['class']
 }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 

src/components/ui/command/CommandItem.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { ListboxItemEmits, ListboxItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit, useCurrentElement } from "@vueuse/core"
-import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui"
-import { computed, onMounted, onUnmounted, ref } from "vue"
-import { cn } from "@/lib/utils"
-import { useCommand, useCommandGroup } from "."
+import type { ListboxItemEmits, ListboxItemProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit, useCurrentElement } from '@vueuse/core'
+import { ListboxItem, useForwardPropsEmits, useId } from 'reka-ui'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { cn } from '@/lib/utils'
+import { useCommand, useCommandGroup } from '.'
 
-const props = defineProps<ListboxItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<ListboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ListboxItemEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 
@@ -19,43 +19,43 @@ const { filterState, allItems, allGroups } = useCommand()
 const groupContext = useCommandGroup()
 
 const isRender = computed(() => {
-  if (!filterState.search) {
-    return true
-  }
-  else {
-    const filteredCurrentItem = filterState.filtered.items.get(id)
-    // If the filtered items is undefined means not in the all times map yet
-    // Do the first render to add into the map
-    if (filteredCurrentItem === undefined) {
-      return true
+    if (!filterState.search) {
+        return true
     }
+    else {
+        const filteredCurrentItem = filterState.filtered.items.get(id)
+        // If the filtered items is undefined means not in the all times map yet
+        // Do the first render to add into the map
+        if (filteredCurrentItem === undefined) {
+            return true
+        }
 
-    // Check with filter
-    return filteredCurrentItem > 0
-  }
+        // Check with filter
+        return filteredCurrentItem > 0
+    }
 })
 
 const itemRef = ref()
 const currentElement = useCurrentElement(itemRef)
 onMounted(() => {
-  if (!(currentElement.value instanceof HTMLElement))
-    return
+    if (!(currentElement.value instanceof HTMLElement))
+        return
 
-  // textValue to perform filter
-  allItems.value.set(id, currentElement.value.textContent ?? (props.value?.toString() ?? ""))
+    // textValue to perform filter
+    allItems.value.set(id, currentElement.value.textContent ?? (props.value?.toString() ?? ''))
 
-  const groupId = groupContext?.id
-  if (groupId) {
-    if (!allGroups.value.has(groupId)) {
-      allGroups.value.set(groupId, new Set([id]))
+    const groupId = groupContext?.id
+    if (groupId) {
+        if (!allGroups.value.has(groupId)) {
+            allGroups.value.set(groupId, new Set([id]))
+        }
+        else {
+            allGroups.value.get(groupId)?.add(id)
+        }
     }
-    else {
-      allGroups.value.get(groupId)?.add(id)
-    }
-  }
 })
 onUnmounted(() => {
-  allItems.value.delete(id)
+    allItems.value.delete(id)
 })
 </script>
 

src/components/ui/command/CommandList.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { ListboxContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxContent, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { ListboxContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxContent, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<ListboxContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<ListboxContentProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardProps(delegatedProps)
 </script>

src/components/ui/command/CommandSeparator.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { SeparatorProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Separator } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SeparatorProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Separator } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>

src/components/ui/command/CommandShortcut.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+    class?: HTMLAttributes['class']
 }>()
 </script>
 

src/components/ui/command/index.ts

@@ -1,25 +1,25 @@
-import type { Ref } from "vue"
-import { createContext } from "reka-ui"
+import type { Ref } from 'vue'
+import { createContext } from 'reka-ui'
 
-export { default as Command } from "./Command.vue"
-export { default as CommandDialog } from "./CommandDialog.vue"
-export { default as CommandEmpty } from "./CommandEmpty.vue"
-export { default as CommandGroup } from "./CommandGroup.vue"
-export { default as CommandInput } from "./CommandInput.vue"
-export { default as CommandItem } from "./CommandItem.vue"
-export { default as CommandList } from "./CommandList.vue"
-export { default as CommandSeparator } from "./CommandSeparator.vue"
-export { default as CommandShortcut } from "./CommandShortcut.vue"
+export { default as Command } from './Command.vue'
+export { default as CommandDialog } from './CommandDialog.vue'
+export { default as CommandEmpty } from './CommandEmpty.vue'
+export { default as CommandGroup } from './CommandGroup.vue'
+export { default as CommandInput } from './CommandInput.vue'
+export { default as CommandItem } from './CommandItem.vue'
+export { default as CommandList } from './CommandList.vue'
+export { default as CommandSeparator } from './CommandSeparator.vue'
+export { default as CommandShortcut } from './CommandShortcut.vue'
 
 export const [useCommand, provideCommandContext] = createContext<{
-  allItems: Ref<Map<string, string>>
-  allGroups: Ref<Map<string, Set<string>>>
-  filterState: {
-    search: string
-    filtered: { count: number, items: Map<string, number>, groups: Set<string> }
-  }
-}>("Command")
+    allItems: Ref<Map<string, string>>
+    allGroups: Ref<Map<string, Set<string>>>
+    filterState: {
+        search: string
+        filtered: { count: number, items: Map<string, number>, groups: Set<string> }
+    }
+}>('Command')
 
 export const [useCommandGroup, provideCommandGroupContext] = createContext<{
-  id?: string
-}>("CommandGroup")
+    id?: string
+}>('CommandGroup')

src/components/ui/dialog/Dialog.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui"
-import { DialogRoot, useForwardPropsEmits } from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
+import { DialogRoot, useForwardPropsEmits } from 'reka-ui'
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

src/components/ui/dialog/DialogClose.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui"
-import { DialogClose } from "reka-ui"
+import type { DialogCloseProps } from 'reka-ui'
+import { DialogClose } from 'reka-ui'
 
 const props = defineProps<DialogCloseProps>()
 </script>

src/components/ui/dialog/DialogContent.vue

@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { X } from 'lucide-vue-next'
 import {
-  DialogClose,
-  DialogContent,
-  DialogPortal,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
-import DialogOverlay from "./DialogOverlay.vue"
+    DialogClose,
+    DialogContent,
+    DialogPortal,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
+import DialogOverlay from './DialogOverlay.vue'
 
 defineOptions({
-  inheritAttrs: false,
+    inheritAttrs: false,
 })
 
-const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes["class"], showCloseButton?: boolean }>(), {
-  showCloseButton: true,
+const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes['class'], showCloseButton?: boolean }>(), {
+    showCloseButton: true,
 })
 const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dialog/DialogDescription.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogDescriptionProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogDescription, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogDescriptionProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogDescription, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 </script>

src/components/ui/dialog/DialogFooter.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<{ class?: HTMLAttributes["class"] }>()
+const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 
 <template>

src/components/ui/dialog/DialogHeader.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+    class?: HTMLAttributes['class']
 }>()
 </script>
 

src/components/ui/dialog/DialogOverlay.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogOverlayProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogOverlay } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogOverlayProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogOverlay } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>

src/components/ui/dialog/DialogScrollContent.vue

@@ -1,25 +1,25 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { X } from 'lucide-vue-next'
 import {
-  DialogClose,
-  DialogContent,
-  DialogOverlay,
-  DialogPortal,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DialogClose,
+    DialogContent,
+    DialogOverlay,
+    DialogPortal,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
 defineOptions({
-  inheritAttrs: false,
+    inheritAttrs: false,
 })
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dialog/DialogTitle.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogTitleProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogTitle, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogTitleProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogTitle, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 </script>

src/components/ui/dialog/DialogTrigger.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogTriggerProps } from "reka-ui"
-import { DialogTrigger } from "reka-ui"
+import type { DialogTriggerProps } from 'reka-ui'
+import { DialogTrigger } from 'reka-ui'
 
 const props = defineProps<DialogTriggerProps>()
 </script>

src/components/ui/dialog/index.ts

@@ -1,10 +1,10 @@
-export { default as Dialog } from "./Dialog.vue"
-export { default as DialogClose } from "./DialogClose.vue"
-export { default as DialogContent } from "./DialogContent.vue"
-export { default as DialogDescription } from "./DialogDescription.vue"
-export { default as DialogFooter } from "./DialogFooter.vue"
-export { default as DialogHeader } from "./DialogHeader.vue"
-export { default as DialogOverlay } from "./DialogOverlay.vue"
-export { default as DialogScrollContent } from "./DialogScrollContent.vue"
-export { default as DialogTitle } from "./DialogTitle.vue"
-export { default as DialogTrigger } from "./DialogTrigger.vue"
+export { default as Dialog } from './Dialog.vue'
+export { default as DialogClose } from './DialogClose.vue'
+export { default as DialogContent } from './DialogContent.vue'
+export { default as DialogDescription } from './DialogDescription.vue'
+export { default as DialogFooter } from './DialogFooter.vue'
+export { default as DialogHeader } from './DialogHeader.vue'
+export { default as DialogOverlay } from './DialogOverlay.vue'
+export { default as DialogScrollContent } from './DialogScrollContent.vue'
+export { default as DialogTitle } from './DialogTitle.vue'
+export { default as DialogTrigger } from './DialogTrigger.vue'

src/components/ui/dropdown-menu/DropdownMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DropdownMenuRootEmits, DropdownMenuRootProps } from "reka-ui"
-import { DropdownMenuRoot, useForwardPropsEmits } from "reka-ui"
+import type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'reka-ui'
+import { DropdownMenuRoot, useForwardPropsEmits } from 'reka-ui'
 
 const props = defineProps<DropdownMenuRootProps>()
 const emits = defineEmits<DropdownMenuRootEmits>()

src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Check } from "lucide-vue-next"
+import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Check } from 'lucide-vue-next'
 import {
-  DropdownMenuCheckboxItem,
-  DropdownMenuItemIndicator,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuCheckboxItem,
+    DropdownMenuItemIndicator,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import type { DropdownMenuContentEmits, DropdownMenuContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { DropdownMenuContentEmits, DropdownMenuContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
 import {
-  DropdownMenuContent,
-  DropdownMenuPortal,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuContent,
+    DropdownMenuPortal,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
 defineOptions({
-  inheritAttrs: false,
+    inheritAttrs: false,
 })
 
 const props = withDefaults(
-  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
-  {
-    sideOffset: 4,
-  },
+    defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
+    {
+        sideOffset: 4,
+    },
 )
 const emits = defineEmits<DropdownMenuContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dropdown-menu/DropdownMenuGroup.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DropdownMenuGroupProps } from "reka-ui"
-import { DropdownMenuGroup } from "reka-ui"
+import type { DropdownMenuGroupProps } from 'reka-ui'
+import { DropdownMenuGroup } from 'reka-ui'
 
 const props = defineProps<DropdownMenuGroupProps>()
 </script>

src/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { DropdownMenuItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DropdownMenuItem, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DropdownMenuItemProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DropdownMenuItem, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
 const props = withDefaults(defineProps<DropdownMenuItemProps & {
-  class?: HTMLAttributes["class"]
-  inset?: boolean
-  variant?: "default" | "destructive"
+    class?: HTMLAttributes['class']
+    inset?: boolean
+    variant?: 'default' | 'destructive'
 }>(), {
-  variant: "default",
+    variant: 'default',
 })
 
-const delegatedProps = reactiveOmit(props, "inset", "variant", "class")
+const delegatedProps = reactiveOmit(props, 'inset', 'variant', 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 </script>

src/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DropdownMenuLabelProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DropdownMenuLabel, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DropdownMenuLabelProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DropdownMenuLabel, useForwardProps } from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes["class"], inset?: boolean }>()
+const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
-const delegatedProps = reactiveOmit(props, "class", "inset")
+const delegatedProps = reactiveOmit(props, 'class', 'inset')
 const forwardedProps = useForwardProps(delegatedProps)
 </script>
 

src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from "reka-ui"
+import type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from 'reka-ui'
 import {
-  DropdownMenuRadioGroup,
-  useForwardPropsEmits,
-} from "reka-ui"
+    DropdownMenuRadioGroup,
+    useForwardPropsEmits,
+} from 'reka-ui'
 
 const props = defineProps<DropdownMenuRadioGroupProps>()
 const emits = defineEmits<DropdownMenuRadioGroupEmits>()

src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Circle } from "lucide-vue-next"
+import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Circle } from 'lucide-vue-next'
 import {
-  DropdownMenuItemIndicator,
-  DropdownMenuRadioItem,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuItemIndicator,
+    DropdownMenuRadioItem,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { DropdownMenuSeparatorProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { DropdownMenuSeparatorProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
 import {
-  DropdownMenuSeparator,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuSeparator,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<DropdownMenuSeparatorProps & {
-  class?: HTMLAttributes["class"]
+    class?: HTMLAttributes['class']
 }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>

src/components/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+    class?: HTMLAttributes['class']
 }>()
 </script>
 

src/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { DropdownMenuSubEmits, DropdownMenuSubProps } from "reka-ui"
+import type { DropdownMenuSubEmits, DropdownMenuSubProps } from 'reka-ui'
 import {
-  DropdownMenuSub,
-  useForwardPropsEmits,
-} from "reka-ui"
+    DropdownMenuSub,
+    useForwardPropsEmits,
+} from 'reka-ui'
 
 const props = defineProps<DropdownMenuSubProps>()
 const emits = defineEmits<DropdownMenuSubEmits>()

src/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
 import {
-  DropdownMenuSubContent,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuSubContent,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { DropdownMenuSubTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronRight } from "lucide-vue-next"
+import type { DropdownMenuSubTriggerProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ChevronRight } from 'lucide-vue-next'
 import {
-  DropdownMenuSubTrigger,
-  useForwardProps,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    DropdownMenuSubTrigger,
+    useForwardProps,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"], inset?: boolean }>()
+const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
-const delegatedProps = reactiveOmit(props, "class", "inset")
+const delegatedProps = reactiveOmit(props, 'class', 'inset')
 const forwardedProps = useForwardProps(delegatedProps)
 </script>
 

src/components/ui/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DropdownMenuTriggerProps } from "reka-ui"
-import { DropdownMenuTrigger, useForwardProps } from "reka-ui"
+import type { DropdownMenuTriggerProps } from 'reka-ui'
+import { DropdownMenuTrigger, useForwardProps } from 'reka-ui'
 
 const props = defineProps<DropdownMenuTriggerProps>()
 

src/components/ui/dropdown-menu/index.ts

@@ -1,16 +1,16 @@
-export { default as DropdownMenu } from "./DropdownMenu.vue"
+export { default as DropdownMenu } from './DropdownMenu.vue'
 
-export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue"
-export { default as DropdownMenuContent } from "./DropdownMenuContent.vue"
-export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue"
-export { default as DropdownMenuItem } from "./DropdownMenuItem.vue"
-export { default as DropdownMenuLabel } from "./DropdownMenuLabel.vue"
-export { default as DropdownMenuRadioGroup } from "./DropdownMenuRadioGroup.vue"
-export { default as DropdownMenuRadioItem } from "./DropdownMenuRadioItem.vue"
-export { default as DropdownMenuSeparator } from "./DropdownMenuSeparator.vue"
-export { default as DropdownMenuShortcut } from "./DropdownMenuShortcut.vue"
-export { default as DropdownMenuSub } from "./DropdownMenuSub.vue"
-export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue"
-export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue"
-export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue"
-export { DropdownMenuPortal } from "reka-ui"
+export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
+export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
+export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
+export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
+export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
+export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
+export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
+export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
+export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
+export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
+export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
+export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
+export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
+export { DropdownMenuPortal } from 'reka-ui'

src/components/ui/popover/Popover.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { PopoverRootEmits, PopoverRootProps } from "reka-ui"
-import { PopoverRoot, useForwardPropsEmits } from "reka-ui"
+import type { PopoverRootEmits, PopoverRootProps } from 'reka-ui'
+import { PopoverRoot, useForwardPropsEmits } from 'reka-ui'
 
 const props = defineProps<PopoverRootProps>()
 const emits = defineEmits<PopoverRootEmits>()

src/components/ui/popover/PopoverAnchor.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { PopoverAnchorProps } from "reka-ui"
-import { PopoverAnchor } from "reka-ui"
+import type { PopoverAnchorProps } from 'reka-ui'
+import { PopoverAnchor } from 'reka-ui'
 
 const props = defineProps<PopoverAnchorProps>()
 </script>

src/components/ui/popover/PopoverContent.vue

@@ -1,28 +1,28 @@
 <script setup lang="ts">
-import type { PopoverContentEmits, PopoverContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { PopoverContentEmits, PopoverContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
 import {
-  PopoverContent,
-  PopoverPortal,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    PopoverContent,
+    PopoverPortal,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
 defineOptions({
-  inheritAttrs: false,
+    inheritAttrs: false,
 })
 
 const props = withDefaults(
-  defineProps<PopoverContentProps & { class?: HTMLAttributes["class"] }>(),
-  {
-    align: "center",
-    sideOffset: 4,
-  },
+    defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
+    {
+        align: 'center',
+        sideOffset: 4,
+    },
 )
 const emits = defineEmits<PopoverContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/popover/PopoverTrigger.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { PopoverTriggerProps } from "reka-ui"
-import { PopoverTrigger } from "reka-ui"
+import type { PopoverTriggerProps } from 'reka-ui'
+import { PopoverTrigger } from 'reka-ui'
 
 const props = defineProps<PopoverTriggerProps>()
 </script>

src/components/ui/popover/index.ts

@@ -1,4 +1,4 @@
-export { default as Popover } from "./Popover.vue"
-export { default as PopoverAnchor } from "./PopoverAnchor.vue"
-export { default as PopoverContent } from "./PopoverContent.vue"
-export { default as PopoverTrigger } from "./PopoverTrigger.vue"
+export { default as Popover } from './Popover.vue'
+export { default as PopoverAnchor } from './PopoverAnchor.vue'
+export { default as PopoverContent } from './PopoverContent.vue'
+export { default as PopoverTrigger } from './PopoverTrigger.vue'

src/components/ui/sonner/Sonner.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { ToasterProps } from "vue-sonner"
-import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-vue-next"
-import { Toaster as Sonner } from "vue-sonner"
-import { cn } from "@/lib/utils"
+import type { ToasterProps } from 'vue-sonner'
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from 'lucide-vue-next'
+import { Toaster as Sonner } from 'vue-sonner'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<ToasterProps>()
 </script>

src/components/ui/sonner/index.ts

@@ -1 +1 @@
-export { default as Toaster } from "./Sonner.vue"
+export { default as Toaster } from './Sonner.vue'

src/components/ui/switch/Switch.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { SwitchRootEmits, SwitchRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { SwitchRootEmits, SwitchRootProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
 import {
-  SwitchRoot,
-  SwitchThumb,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+    SwitchRoot,
+    SwitchThumb,
+    useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
 
-const props = defineProps<SwitchRootProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<SwitchRootEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

src/components/ui/switch/index.ts

@@ -1 +1 @@
-export { default as Switch } from "./Switch.vue"
+export { default as Switch } from './Switch.vue'