chore: add eol

playground/app.config.ts

@@ -3,4 +3,4 @@ export default defineAppConfig({
     primary: 'sky',
     gray: 'cool'
   }
-})
+})

playground/app.vue

@@ -22,4 +22,4 @@ const components = ['avatar', 'badge', 'button', 'chip', 'collapsible', 'kbd', '
       </div>
     </UContainer>
   </UProvider>
-</template>
+</template>

playground/pages/avatar.vue

@@ -45,4 +45,4 @@
       <UAvatar text="+1" size="3xl" />
     </div>
   </div>
-</template>
+</template>

playground/pages/badge.vue

@@ -27,4 +27,4 @@
       <UBadge label="Badge" size="lg" />
     </div>
   </div>
-</template>
+</template>

playground/pages/button.vue

@@ -88,4 +88,4 @@
       </UButton>
     </div>
   </div>
-</template>
+</template>

playground/pages/chip.vue

@@ -35,4 +35,4 @@ const items = [{
   icon: 'i-heroicons-bell',
   count: 0
 }]
-</script>
+</script>

playground/pages/collapsible.vue

@@ -10,4 +10,4 @@
       <div class="bg-primary-500 dark:bg-primary-400 rounded-md h-12 w-full" />
     </template>
   </UCollapsible>
-</template>
+</template>

playground/pages/index.vue

@@ -1,3 +1,3 @@
 <template>
   <div />
-</template>
+</template>

playground/pages/kbd.vue

@@ -3,4 +3,4 @@
     <UKbd value="⌘" />
     <UKbd value="K" />
   </div>
-</template>
+</template>

playground/pages/popover.vue

@@ -33,4 +33,4 @@ function send () {
     open.value = false
   }, 1000)
 }
-</script>
+</script>

playground/pages/skeleton.vue

@@ -7,4 +7,4 @@
       <USkeleton class="h-4 w-[200px]" />
     </div>
   </div>
-</template>
+</template>

playground/pages/tooltip.vue

@@ -2,4 +2,4 @@
   <UTooltip text="Tooltip" :shortcuts="['⌘', 'K']" arrow>
     <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
   </UTooltip>
-</template>
+</template>

src/runtime/components/Badge.vue

@@ -37,4 +37,4 @@ defineSlots<BadgeSlots>()
       {{ label }}
     </slot>
   </Primitive>
-</template>
+</template>

src/runtime/components/Button.vue

@@ -109,4 +109,4 @@ const trailingIconClass = computed(() => ui.value.trailingIcon())
       <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="trailingIconClass" aria-hidden="true" />
     </slot>
   </ULink>
-</template>
+</template>

src/runtime/components/Card.vue

@@ -38,4 +38,4 @@ const ui = computed(() => tv({ extend: card, slots: props.ui })())
       <slot name="footer" />
     </div>
   </Primitive>
-</template>
+</template>

src/runtime/components/Chip.vue

@@ -55,4 +55,4 @@ const ui = computed(() => chip({
       </slot>
     </span>
   </Primitive>
-</template>
+</template>

src/runtime/components/Collapsible.vue

@@ -66,4 +66,4 @@ const ui = computed(() => tv({ extend: collapsible, slots: props.ui })())
     height: 0;
   }
 }
-</style>
+</style>

src/runtime/components/Container.vue

@@ -24,4 +24,4 @@ const props = withDefaults(defineProps<ContainerProps>(), { as: 'div' })
   <Primitive :as="as" :class="container({ class: props.class })">
     <slot />
   </Primitive>
-</template>
+</template>

src/runtime/components/Icon.vue

@@ -10,4 +10,4 @@ defineProps<IconProps>()
 
 <template>
   <Icon :name="name" />
-</template>
+</template>

src/runtime/components/Kbd.vue

@@ -35,4 +35,4 @@ defineSlots<KbdSlots>()
       {{ value }}
     </slot>
   </Primitive>
-</template>
+</template>

src/runtime/components/Link.vue

@@ -70,4 +70,4 @@ function resolveLinkClass (route: RouteLocation, currentRoute: RouteLocation, {
       <slot v-bind="{ isActive: active !== undefined ? active : (exact ? isExactActive : isActive) }" />
     </a>
   </NuxtLink>
-</template>
+</template>

src/runtime/components/Popover.vue

@@ -151,4 +151,4 @@ const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
     transform: translateX(0.25rem);
   }
 }
-</style>
+</style>

src/runtime/components/Provider.vue

@@ -30,4 +30,4 @@ const toastProps = toRef(() => props.toast as ToastProviderProps)
       </ToastProvider>
     </TooltipProvider>
   </ConfigProvider>
-</template>
+</template>

src/runtime/components/Skeleton.vue

@@ -24,4 +24,4 @@ const props = withDefaults(defineProps<SkeletonProps>(), { as: 'div' })
   <Primitive :as="as" :class="skeleton({ class: props.class })">
     <slot />
   </Primitive>
-</template>
+</template>

src/runtime/components/Tooltip.vue

@@ -109,4 +109,4 @@ const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
     transform: translateY(0);
   }
 }
-</style>
+</style>

src/runtime/types/app.config.d.ts

@@ -2,4 +2,4 @@ declare module '#build/app.config' {
   import type { AppConfig } from '@nuxt/schema'
   const _default: AppConfig
   export default _default
-}
+}

src/theme/avatar.ts

@@ -48,4 +48,4 @@ export default {
   defaultVariants: {
     size: 'sm'
   }
-}
+}

src/theme/badge.ts

@@ -54,4 +54,4 @@ export default (config: { colors: string[] }) => ({
     variant: 'solid',
     size: 'sm'
   }
-})
+})

src/theme/button.ts

@@ -166,4 +166,4 @@ export default (config: { colors: string[] }) => ({
     variant: 'solid',
     size: 'sm'
   }
-})
+})

src/theme/card.ts

@@ -5,4 +5,4 @@ export default {
     body: 'px-4 py-5 sm:p-6',
     footer: 'p-4 sm:px-6'
   }
-}
+}

src/theme/chip.ts

@@ -53,4 +53,4 @@ export default (config: { colors: string[] }) => ({
     color: 'primary',
     position: 'top-right'
   }
-})
+})

src/theme/collapsible.ts

@@ -3,4 +3,4 @@ export default {
     root: '',
     content: 'data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden'
   }
-}
+}

src/theme/container.ts

@@ -1,3 +1,3 @@
 export default {
   base: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'
-}
+}

src/theme/icons.ts

@@ -4,4 +4,4 @@ export default {
   empty: 'i-heroicons-circle-stack-20-solid',
   loading: 'i-heroicons-arrow-path-20-solid',
   search: 'i-heroicons-magnifying-glass-20-solid'
-}
+}

src/theme/index.ts

@@ -9,4 +9,4 @@ export { default as icons } from './icons'
 export { default as kbd } from './kbd'
 export { default as popover } from './popover'
 export { default as skeleton } from './skeleton'
-export { default as tooltip } from './tooltip'
+export { default as tooltip } from './tooltip'

src/theme/kbd.ts

@@ -10,4 +10,4 @@ export default {
   defaultVariants: {
     size: 'sm'
   }
-}
+}

src/theme/popover.ts

@@ -3,4 +3,4 @@ export default {
     content: 'bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-[popover-down-open_200ms_ease-out] data-[state=closed]:data-[side=top]:animate-[popover-down-closed_200ms_ease-in] data-[state=open]:data-[side=right]:animate-[popover-left-open_200ms_ease-out] data-[state=closed]:data-[side=right]:animate-[popover-left-closed_200ms_ease-in] data-[state=open]:data-[side=left]:animate-[popover-right-open_200ms_ease-out] data-[state=closed]:data-[side=left]:animate-[popover-right-closed_200ms_ease-in] data-[state=open]:data-[side=bottom]:animate-[popover-up-open_200ms_ease-out] data-[state=closed]:data-[side=bottom]:animate-[popover-up-closed_200ms_ease-in]',
     arrow: 'fill-gray-200 dark:fill-gray-800'
   }
-}
+}

src/theme/skeleton.ts

@@ -1,3 +1,3 @@
 export default {
   base: 'animate-pulse rounded-md bg-gray-50 dark:bg-gray-800'
-}
+}

src/theme/tooltip.ts

@@ -6,4 +6,4 @@ export default {
     // eslint-disable-next-line quotes
     shortcuts: `hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['·'] before:mr-0.5`
   }
-}
+}

test/components/Card.spec.ts

@@ -14,4 +14,4 @@ describe('Card', () => {
     const html = await ComponentRender(nameOrHtml, options, Card)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Collapsible.spec.ts

@@ -9,4 +9,4 @@ describe('Collapsible', () => {
     const html = await ComponentRender(nameOrHtml, options, Collapsible)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Container.spec.ts

@@ -12,4 +12,4 @@ describe('Container', () => {
     const html = await ComponentRender(nameOrHtml, options, Container)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Link.spec.ts

@@ -14,4 +14,4 @@ describe('Link', () => {
     const html = await ComponentRender(nameOrHtml, options, Link)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Popover.spec.ts

@@ -9,4 +9,4 @@ describe('Popover', () => {
     const html = await ComponentRender(nameOrHtml, options, Popover)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Skeleton.spec.ts

@@ -11,4 +11,4 @@ describe('Skeleton', () => {
     const html = await ComponentRender(nameOrHtml, options, Skeleton)
     expect(html).toMatchSnapshot()
   })
-})
+})

test/components/Tooltip.spec.ts

@@ -9,4 +9,4 @@ describe.skip('Tooltip', () => {
     const html = await ComponentRender(nameOrHtml, options, Tooltip)
     expect(html).toMatchSnapshot()
   })
-})
+})