arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

chroe(components): clean imports

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-11 15:03:26 +01:00
parent 978595ce88
commit b41de5b6dc
5 changed files with 8 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/Badge.vue
View File

@@ -1,9 +1,9 @@
<script lang="ts">
import { tv, type VariantProps } from 'tailwind-variants'
import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config'
import theme from '#build/ui/badge'
import type { LinkProps } from '#ui/components/Link.vue'
import type { AppConfig } from '@nuxt/schema'
const appConfig = _appConfig as AppConfig & { ui: { badge: Partial<typeof theme> } }

4
src/runtime/components/Button.vue
View File

@@ -1,9 +1,9 @@
<script lang="ts">
import { tv, type VariantProps } from 'tailwind-variants'
import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config'
import theme from '#build/ui/button'
import type { LinkProps } from '#ui/components/Link.vue'
import type { AppConfig } from '@nuxt/schema'
const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
@@ -52,8 +52,6 @@ const slots = defineSlots<ButtonSlots>()
const appConfig = useAppConfig()
const forward = useForwardProps(reactiveOmit(props, 'type', 'label', 'color', 'variant', 'size', 'icon', 'leading', 'leadingIcon', 'trailing', 'trailingIcon', 'loading', 'loadingIcon', 'square', 'block', 'disabled', 'truncate', 'class', 'ui'))
// Computed
const isLeading = computed(() => (props.icon && props.leading) || (props.icon && !props.trailing) || (props.loading && !props.trailing) || !!props.leadingIcon)
const isTrailing = computed(() => (props.icon && props.trailing) || (props.loading && props.trailing) || !!props.trailingIcon)

9
src/runtime/components/Collapsible.vue
View File

@@ -1,9 +1,9 @@
<script lang="ts">
import { tv } from 'tailwind-variants'
import type { CollapsibleRootProps, CollapsibleRootEmits } from 'radix-vue'
import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config'
import theme from '#build/ui/collapsible'
import type { AppConfig } from '@nuxt/schema'
const appConfig = _appConfig as AppConfig & { ui: { collapsible: Partial<typeof theme> } }
@@ -32,12 +32,9 @@ const props = defineProps<CollapsibleProps>()
const emits = defineEmits<CollapsibleEmits>()
defineSlots<CollapsibleSlots>()
const forward = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'disabled'), emits)
const forward = useForwardPropsEmits(reactivePick(props, 'as', 'defaultOpen', 'open', 'disabled'), emits)
// FIXME: Cannot extend multiple times
// const ui = computed(() => tv({ extend: collapsible, slots: props.ui })())
// eslint-disable-next-line vue/no-dupe-keys
const ui = computed(() => collapsible())
const ui = computed(() => tv({ extend: collapsible, slots: props.ui })())
</script>
<template>

2
src/runtime/components/Container.vue
View File

@@ -1,8 +1,8 @@
<script lang="ts">
import { tv } from 'tailwind-variants'
import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config'
import theme from '#build/ui/container'
import type { AppConfig } from '@nuxt/schema'
const appConfig = _appConfig as AppConfig & { ui: { container: Partial<typeof theme> } }

7
src/runtime/components/Tooltip.vue
View File

@@ -1,9 +1,9 @@
<script lang="ts">
import { tv } from 'tailwind-variants'
import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps } from 'radix-vue'
import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config'
import theme from '#build/ui/tooltip'
import type { AppConfig } from '@nuxt/schema'
const appConfig = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
@@ -41,10 +41,7 @@ defineSlots<TooltipSlots>()
const forwardRoot = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'delayDuration'), emits)
const forwardContent = useForwardProps(reactivePick(props, 'side', 'sideOffset', 'align', 'alignOffset', 'avoidCollisions', 'collisionBoundary', 'collisionPadding', 'arrowPadding', 'sticky', 'hideWhenDetached'))
// FIXME: Cannot extend multiple times
// const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
// eslint-disable-next-line vue/no-dupe-keys
const ui = computed(() => tooltip())
const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
</script>
<template>