Khafid Prayoga
6ad99d45f2
* fix(style): formatting inconsistencies across codebase - Remove trailing semicolons from TypeScript imports - Fix Vue template indentation and line breaks - Standardize component attribute formatting - Remove unnecessary empty lines - Reorder import statements for consistency * chore: update import path and add editorconfig Update SidebarNavLink import path to match new component structure and add standard editorconfig for consistent code formatting
33 lines
1.1 KiB
Vue
33 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { SelectTriggerProps } from 'radix-vue'
|
|
import type { HTMLAttributes } from 'vue'
|
|
import { SelectIcon, SelectTrigger, useForwardProps } from 'radix-vue'
|
|
import { computed } from 'vue'
|
|
import { cn } from '~/lib/utils'
|
|
|
|
const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
|
|
|
|
const delegatedProps = computed(() => {
|
|
const { class: _, ...delegated } = props
|
|
|
|
return delegated
|
|
})
|
|
|
|
const forwardedProps = useForwardProps(delegatedProps)
|
|
</script>
|
|
|
|
<template>
|
|
<SelectTrigger
|
|
v-bind="forwardedProps"
|
|
:class="cn(
|
|
'flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
|
|
props.class,
|
|
)"
|
|
>
|
|
<slot />
|
|
<SelectIcon as-child>
|
|
<Icon name="i-radix-icons-caret-sort" class="h-4 w-4 opacity-50" />
|
|
</SelectIcon>
|
|
</SelectTrigger>
|
|
</template>
|