chore(components): add names

This commit is contained in:
Benjamin Canac
2022-05-20 12:21:50 +02:00
parent 4f7e286790
commit 33a31205a1
28 changed files with 106 additions and 1 deletions

View File

@@ -117,3 +117,7 @@ function onError () {
error.value = true
}
</script>
<script lang="ts">
export default { name: 'UAvatar' }
</script>

View File

@@ -56,3 +56,7 @@ const remainingGroupSize = computed(() => {
return avatars.value.length - props.max
})
</script>
<script lang="ts">
export default { name: 'UAvatarGroup' }
</script>

View File

@@ -47,3 +47,7 @@ const badgeClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UBadge' }
</script>

View File

@@ -172,3 +172,7 @@ const iconClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UButton' }
</script>

View File

@@ -216,3 +216,7 @@ function onMouseLeave () {
}, 0)
}
</script>
<script lang="ts">
export default { name: 'UDropdown' }
</script>

View File

@@ -29,3 +29,7 @@ watch(() => props.name, async () => {
icon.value = await loadIcon(props.name).catch(_ => null)
})
</script>
<script lang="ts">
export default { name: 'UIcon' }
</script>

View File

@@ -64,7 +64,7 @@ function resolveLinkClass ({ isActive, isExactActive }: { isActive: boolean, isE
<script lang="ts">
export default {
name: 'Link',
name: 'ULink',
inheritAttrs: false
}
</script>

View File

@@ -98,3 +98,7 @@ const linkClass = computed(() => {
})[props.variant]
})
</script>
<script lang="ts">
export default { name: 'UAlert' }
</script>

View File

@@ -102,3 +102,7 @@ function onClose () {
emit('close')
}
</script>
<script lang="ts">
export default { name: 'UAlertDialog' }
</script>

View File

@@ -104,3 +104,7 @@ const inputClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UCheckbox' }
</script>

View File

@@ -83,3 +83,7 @@ defineProps({
}
})
</script>
<script lang="ts">
export default { name: 'UFormGroup' }
</script>

View File

@@ -188,3 +188,7 @@ const iconClass = computed(() => {
const iconLeadingWrapperClass = $ui.input.icon.leading.wrapper
const iconTrailingWrapperClass = $ui.input.icon.trailing.wrapper
</script>
<script lang="ts">
export default { name: 'UInput' }
</script>

View File

@@ -104,3 +104,7 @@ const radioClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'URadio' }
</script>

View File

@@ -197,3 +197,7 @@ const iconClass = computed(() => {
const iconWrapperClass = $ui.select.icon.leading.wrapper
</script>
<script lang="ts">
export default { name: 'USelect' }
</script>

View File

@@ -188,3 +188,7 @@ function resolveOptionIconClass ({ active }: { active: boolean }) {
)
}
</script>
<script lang="ts">
export default { name: 'USelectCustom' }
</script>

View File

@@ -153,3 +153,7 @@ const textareaClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UTextarea' }
</script>

View File

@@ -90,3 +90,7 @@ const active = computed({
}
})
</script>
<script lang="ts">
export default { name: 'UToggle' }
</script>

View File

@@ -105,3 +105,7 @@ const cardClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UCard' }
</script>

View File

@@ -32,3 +32,7 @@ const containerClass = computed(() => {
)
})
</script>
<script lang="ts">
export default { name: 'UContainer' }
</script>

View File

@@ -41,3 +41,7 @@ defineProps({
}
})
</script>
<script lang="ts">
export default { name: 'UPills' }
</script>

View File

@@ -41,3 +41,7 @@ defineProps({
}
})
</script>
<script lang="ts">
export default { name: 'UTabs' }
</script>

View File

@@ -90,3 +90,7 @@ defineProps({
}
})
</script>
<script lang="ts">
export default { name: 'UVerticalNavigation' }
</script>

View File

@@ -125,6 +125,7 @@ function close (value: boolean) {
<script lang="ts">
export default {
name: 'UModal',
inheritAttrs: false
}
</script>

View File

@@ -183,3 +183,7 @@ onUnmounted(() => {
timer.stop()
})
</script>
<script lang="ts">
export default { name: 'UNotification' }
</script>

View File

@@ -24,3 +24,7 @@ import Notification from './Notification'
const { $toast } = useNuxtApp()
const notifications = useState('notifications', () => [])
</script>
<script lang="ts">
export default { name: 'UNotifications' }
</script>

View File

@@ -142,3 +142,7 @@ function onMouseLeave () {
}, 0)
}
</script>
<script lang="ts">
export default { name: 'UPopover' }
</script>

View File

@@ -58,3 +58,7 @@ const isOpen: WritableComputedRef<boolean> = computed({
}
})
</script>
<script lang="ts">
export default { name: 'USlideover' }
</script>

View File

@@ -86,3 +86,7 @@ const [trigger, container] = usePopper({
}]
})
</script>
<script lang="ts">
export default { name: 'UTooltip' }
</script>