chore: run lint:fix, re-build registry

apps/www/.vitepress/config.mts

@@ -1,14 +1,14 @@
 import path from 'node:path'
-import { defineConfig } from 'vitepress'
-import Icons from 'unplugin-icons/vite'
-import tailwind from 'tailwindcss'
-import autoprefixer from 'autoprefixer'
 import { transformerMetaWordHighlight } from '@shikijs/transformers'
+import autoprefixer from 'autoprefixer'
+import tailwind from 'tailwindcss'
+import Icons from 'unplugin-icons/vite'
+import { defineConfig } from 'vitepress'
 import { cssVariables } from './theme/config/shiki'
 
 import { siteConfig } from './theme/config/site'
-import ComponentPreviewPlugin from './theme/plugins/previewer'
 import CodeWrapperPlugin from './theme/plugins/codewrapper'
+import ComponentPreviewPlugin from './theme/plugins/previewer'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({

apps/www/.vitepress/theme/components/Announcement.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { announcementConfig } from '../config/site'
 import { Separator } from '@/lib/registry/default/ui/separator'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
+import { announcementConfig } from '../config/site'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/BlockCopyButton.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useClipboard } from '@vueuse/core'
-import { toRefs } from 'vue'
-import { CheckIcon, ClipboardIcon } from '@radix-icons/vue'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from '@/lib/registry/new-york/ui/tooltip'
+import { CheckIcon, ClipboardIcon } from '@radix-icons/vue'
+import { useClipboard } from '@vueuse/core'
+import { toRefs } from 'vue'
 
 const props = withDefaults(defineProps<{
   code?: string

apps/www/.vitepress/theme/components/Blocks.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import { buttonVariants } from '@/lib/registry/new-york/ui/button'
+import { cn } from '@/lib/utils'
+import GitHubIcon from '~icons/radix-icons/github-logo'
 import { ref } from 'vue'
+import Announcement from '../components/Announcement.vue'
+import PageAction from '../components/PageAction.vue'
 import PageHeader from '../components/PageHeader.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import PageAction from '../components/PageAction.vue'
-import Announcement from '../components/Announcement.vue'
-import BlockPreview from './BlockPreview.vue'
-import GitHubIcon from '~icons/radix-icons/github-logo'
 
-import { buttonVariants } from '@/lib/registry/new-york/ui/button'
-import { cn } from '@/lib/utils'
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
+import BlockPreview from './BlockPreview.vue'
 
 const blocks = ref<string[]>([])
 

apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
-import { useConfigStore } from '@/stores/config'
 import { Button } from '@/lib/registry/new-york/ui/button'
-import { Input } from '@/lib/registry/new-york/ui/input'
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/new-york/ui/form'
+import { Input } from '@/lib/registry/new-york/ui/input'
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '@/lib/registry/new-york/ui/sheet'
+import { useConfigStore } from '@/stores/config'
+import { toTypedSchema } from '@vee-validate/zod'
 import RadixIconsGear from '~icons/radix-icons/gear'
+import { useForm } from 'vee-validate'
+import * as z from 'zod'
 
 const { codeConfig, setCodeConfig } = useConfigStore()
 

apps/www/.vitepress/theme/components/CodeSandbox.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
+import type { Style } from '@/lib/registry/styles'
+import { Button } from '@/lib/registry/new-york/ui/button'
 import { Icon } from '@iconify/vue'
+import { ref, toRefs, watch } from 'vue'
 import { makeCodeSandboxParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import type { Style } from '@/lib/registry/styles'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/CodeWrapper.ts

@@ -1,5 +1,5 @@
-import { type VNode, type VNodeArrayChildren, cloneVNode, defineComponent } from 'vue'
 import { useConfigStore } from '@/stores/config'
+import { cloneVNode, defineComponent, type VNode, type VNodeArrayChildren } from 'vue'
 
 function crawlSpan(children: VNodeArrayChildren, cb: (vnode: VNode) => void) {
   children.forEach((childNode) => {

apps/www/.vitepress/theme/components/ComponentLoader.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { useConfigStore } from '@/stores/config'
 import { defineAsyncComponent } from 'vue'
 import Spinner from './Spinner.vue'
-import { useConfigStore } from '@/stores/config'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/ComponentPreview.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-import { codeToHtml } from 'shiki'
-import MagicString from 'magic-string'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
+import { cn } from '@/lib/utils'
+import { useConfigStore } from '@/stores/config'
 import { useClipboard } from '@vueuse/core'
+import MagicString from 'magic-string'
+import { codeToHtml } from 'shiki'
+import { computed, ref, watch } from 'vue'
 import { cssVariables } from '../config/shiki'
-import StyleSwitcher from './StyleSwitcher.vue'
+import CodeSandbox from './CodeSandbox.vue'
 import ComponentLoader from './ComponentLoader.vue'
 import Stackblitz from './Stackblitz.vue'
-import CodeSandbox from './CodeSandbox.vue'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
-import { useConfigStore } from '@/stores/config'
-import { cn } from '@/lib/utils'
+import StyleSwitcher from './StyleSwitcher.vue'
 
 defineOptions({
   inheritAttrs: false,

apps/www/.vitepress/theme/components/CustomizerCode.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useClipboard } from '@vueuse/core'
-import { useConfigStore } from '@/stores/config'
 import { themes } from '@/lib/registry'
 import { Button } from '@/lib/registry/new-york/ui/button'
+import { useConfigStore } from '@/stores/config'
+import { useClipboard } from '@vueuse/core'
 import CheckIcon from '~icons/radix-icons/check'
 import CopyIcon from '~icons/radix-icons/copy'
+import { computed, ref } from 'vue'
 
 const { theme, config } = useConfigStore()
 

apps/www/.vitepress/theme/components/DocsBreadcrumb.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useRoute } from 'vitepress'
-import { computed } from 'vue'
 import {
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbSeparator,
 } from '@/lib/registry/new-york/ui/breadcrumb'
+import { useRoute } from 'vitepress'
+import { computed } from 'vue'
 
 const route = useRoute()
 

apps/www/.vitepress/theme/components/EditLink.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Button } from '@/lib/registry/default/ui/button'
+import Pencil2Icon from '~icons/radix-icons/pencil-2'
 import { useData } from 'vitepress'
 import { computed } from 'vue'
-import Pencil2Icon from '~icons/radix-icons/pencil-2'
-import { Button } from '@/lib/registry/default/ui/button'
 
 const { theme, page } = useData()
 

apps/www/.vitepress/theme/components/ExamplesNav.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useRoute } from 'vitepress'
-import { computed, toRefs } from 'vue'
-import { cn } from '@/lib/utils'
 import { ScrollArea, ScrollBar } from '@/lib/registry/default/ui/scroll-area'
+import { cn } from '@/lib/utils'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
+import { useRoute } from 'vitepress'
+import { computed, toRefs } from 'vue'
 
 const { path } = toRefs(useRoute())
 

apps/www/.vitepress/theme/components/InlineThemePicker.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import type { Color } from '../types/colors'
-import { useConfigStore } from '@/stores/config'
 import { colors } from '@/lib/registry'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/new-york/ui/tooltip'
+import { useConfigStore } from '@/stores/config'
 import RadixIconsCheck from '~icons/radix-icons/check'
 
 defineProps<{

apps/www/.vitepress/theme/components/LandingPage.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import PageHeader from '../components/PageHeader.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
-import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import PageAction from '../components/PageAction.vue'
-import ExamplesNav from '../components/ExamplesNav.vue'
-import Announcement from '../components/Announcement.vue'
-import GitHubIcon from '~icons/radix-icons/github-logo'
-
+import MailExample from '@/examples/mail/Example.vue'
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
 import { cn } from '@/lib/utils'
+import GitHubIcon from '~icons/radix-icons/github-logo'
+import Announcement from '../components/Announcement.vue'
+import ExamplesNav from '../components/ExamplesNav.vue'
+import PageAction from '../components/PageAction.vue'
 
-import MailExample from '@/examples/mail/Example.vue'
+import PageHeader from '../components/PageHeader.vue'
+import PageHeaderDescription from '../components/PageHeaderDescription.vue'
+
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/MobileNav.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { Button } from '@/lib/registry/default/ui/button'
+import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
+import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import { ref } from 'vue'
 import { docsConfig } from '../config/docs'
 import Logo from './Logo.vue'
-import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
-import { Button } from '@/lib/registry/default/ui/button'
-import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
 
 const open = ref(false)
 </script>

apps/www/.vitepress/theme/components/PageHeaderDescription.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import WrapBalancer from 'vue-wrap-balancer'
 import { cn } from '@/lib/utils'
+import WrapBalancer from 'vue-wrap-balancer'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/Stackblitz.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
+import type { Style } from '@/lib/registry/styles'
+import { Button } from '@/lib/registry/new-york/ui/button'
 import { Icon } from '@iconify/vue'
+import { ref, toRefs, watch } from 'vue'
 import { makeStackblitzParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import type { Style } from '@/lib/registry/styles'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/StyleSwitcher.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import type { SelectTriggerProps } from 'radix-vue'
-import { useConfigStore } from '@/stores/config'
-
-import { cn } from '@/lib/utils'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
 } from '@/lib/registry/new-york/ui/select'
+
 import { styles } from '@/lib/registry/styles'
+import { cn } from '@/lib/utils'
+import { useConfigStore } from '@/stores/config'
 
 const props = defineProps<SelectTriggerProps & { class?: string }>()
 const { config } = useConfigStore()

apps/www/.vitepress/theme/components/TableOfContent.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { onContentUpdated } from 'vitepress'
-import { shallowRef } from 'vue'
 import type { TableOfContents, TableOfContentsItem } from '../types/docs'
-import TableOfContentTree from './TableOfContentTree.vue'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/lib/registry/default/ui/collapsible'
 import { buttonVariants } from '@/lib/registry/default/ui/button'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/lib/registry/default/ui/collapsible'
 import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
+import { onContentUpdated } from 'vitepress'
+import { shallowRef } from 'vue'
+import TableOfContentTree from './TableOfContentTree.vue'
 
 const headers = shallowRef<TableOfContents>()
 

apps/www/.vitepress/theme/components/TableOfContentTree.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, watch } from 'vue'
-import { useRoute } from 'vitepress'
 import type { TableOfContentsItem } from '../types/docs'
 import { cn } from '@/lib/utils'
+import { useRoute } from 'vitepress'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 
 withDefaults(defineProps<{
   level: number

apps/www/.vitepress/theme/components/TabsMarkdown.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, useSlots } from 'vue'
 import { Tabs, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
+import { computed, useSlots } from 'vue'
 
 const slots = useSlots()
 

apps/www/.vitepress/theme/components/ThemeCustomizer.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
 import type { Color } from '../types/colors'
-import { RADII, useConfigStore } from '@/stores/config'
+import { colors } from '@/lib/registry'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Label } from '@/lib/registry/new-york/ui/label'
-import { colors } from '@/lib/registry'
+import { RADII, useConfigStore } from '@/stores/config'
 import RadixIconsCheck from '~icons/radix-icons/check'
-import RadixIconsSun from '~icons/radix-icons/sun'
 import RadixIconsMoon from '~icons/radix-icons/moon'
+import RadixIconsSun from '~icons/radix-icons/sun'
+import { useData } from 'vitepress'
 
 defineProps<{
   allColors: Color[]

apps/www/.vitepress/theme/components/ThemePopover.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Paintbrush } from 'lucide-vue-next'
-import { onMounted, watch } from 'vue'
-import { allColors } from './theming/utils/data'
-import ThemeCustomizer from './ThemeCustomizer.vue'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
 import { useConfigStore } from '@/stores/config'
+import { Paintbrush } from 'lucide-vue-next'
+import { onMounted, watch } from 'vue'
+import ThemeCustomizer from './ThemeCustomizer.vue'
+import { allColors } from './theming/utils/data'
 
 const { theme, radius } = useConfigStore()
 

apps/www/.vitepress/theme/components/index.ts

@@ -1,11 +1,11 @@
-export { default as CodeWrapper } from './CodeWrapper'
-export { default as ComponentPreview } from './ComponentPreview.vue'
 export { default as APITable } from './APITable.vue'
-export { default as TabPreview } from './TabPreview.vue'
-export { default as TabMarkdown } from './TabMarkdown.vue'
-export { default as TabsMarkdown } from './TabsMarkdown.vue'
 export { default as Callout } from './Callout.vue'
+export { default as CodeWrapper } from './CodeWrapper'
+export { default as ComponentPreview } from './ComponentPreview.vue'
 export { default as LinkedCard } from './LinkedCard.vue'
 export { default as ManualInstall } from './ManualInstall.vue'
 export { default as Steps } from './Steps.vue'
+export { default as TabMarkdown } from './TabMarkdown.vue'
+export { default as TabPreview } from './TabPreview.vue'
+export { default as TabsMarkdown } from './TabsMarkdown.vue'
 export { default as VPImage } from './VPImage.vue'