Update shadcn-vue components to 2.2.0

Author: skryukov

app/frontend/components/ui/avatar/AvatarFallback.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import { AvatarFallback, type AvatarFallbackProps } from "reka-ui"
+import type { AvatarFallbackProps } from "reka-ui"
+import { AvatarFallback } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { Primitive, type PrimitiveProps } from "reka-ui"
+import type { PrimitiveProps } from "reka-ui"
+import { Primitive } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/button/Button.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { Primitive, type PrimitiveProps } from "reka-ui"
+import type { PrimitiveProps } from "reka-ui"
+import { Primitive } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"
 
-import { type ButtonVariants, buttonVariants } from "."
+import type { ButtonVariants } from "."
+import { buttonVariants } from "."
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants["variant"]

app/frontend/components/ui/button/index.ts

@@ -1,4 +1,5 @@
-import { type VariantProps, cva } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority"
+import { cva } from "class-variance-authority"
 
 export { default as Button } from "./Button.vue"
 

app/frontend/components/ui/collapsible/CollapsibleContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { CollapsibleContent, type CollapsibleContentProps } from "reka-ui"
+import type { CollapsibleContentProps } from "reka-ui"
+import { CollapsibleContent } from "reka-ui"
 
 const props = defineProps<CollapsibleContentProps>()
 </script>

app/frontend/components/ui/collapsible/CollapsibleTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { CollapsibleTrigger, type CollapsibleTriggerProps } from "reka-ui"
+import type { CollapsibleTriggerProps } from "reka-ui"
+import { CollapsibleTrigger } from "reka-ui"
 
 const props = defineProps<CollapsibleTriggerProps>()
 </script>

app/frontend/components/ui/dialog/Dialog.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
-import {
-  DialogRoot,
-  type DialogRootEmits,
-  type DialogRootProps,
-  useForwardPropsEmits,
-} from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from "reka-ui"
+import { DialogRoot, useForwardPropsEmits } from "reka-ui"
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

app/frontend/components/ui/dialog/DialogClose.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from "reka-ui"
+import type { DialogCloseProps } from "reka-ui"
+import { DialogClose } from "reka-ui"
 
 const props = defineProps<DialogCloseProps>()
 </script>

app/frontend/components/ui/dialog/DialogContent.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
 import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
 import {
   DialogClose,
   DialogContent,
-  type DialogContentEmits,
-  type DialogContentProps,
   DialogPortal,
   useForwardPropsEmits,
 } from "reka-ui"

app/frontend/components/ui/dialog/DialogDescription.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import {
-  DialogDescription,
-  type DialogDescriptionProps,
-  useForwardProps,
-} from "reka-ui"
+import type { DialogDescriptionProps } from "reka-ui"
+import { DialogDescription, useForwardProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"