feat: reformat unstructured code using prettier

bramanda48 · bramanda48 · commit 87b8dbd72ddc · 2025-03-26T16:07:31.000+07:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { RouterView } from "vue-router";
-import { onMounted } from "vue";
 import { useGlobalStore } from "@/stores/use-global";
+import { onMounted } from "vue";
+import { RouterView } from "vue-router";
 
 const globalStore = useGlobalStore();
 onMounted(function () {
diff --git a/src/components/RegisterForm.vue b/src/components/RegisterForm.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { cn } from "@/utils/classname";
-import { ref } from "vue";
 import { Label } from "@/components/ui/label";
+import { cn } from "@/utils/classname";
 import { Icon } from "@iconify/vue";
+import { ref } from "vue";
 
 const isLoading = ref(false);
 async function onSubmit(event: Event) {
diff --git a/src/components/ui/button/Button.vue b/src/components/ui/button/Button.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
+import { cn } from "@/utils/classname";
 import { Primitive, type PrimitiveProps } from "radix-vue";
+import type { HTMLAttributes } from "vue";
 import { type ButtonVariants, buttonVariants } from ".";
-import { cn } from "@/utils/classname";
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants["variant"];
diff --git a/src/components/ui/collapsible/Collapsible.vue b/src/components/ui/collapsible/Collapsible.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { CollapsibleRoot, useForwardPropsEmits } from "radix-vue";
 import type { CollapsibleRootEmits, CollapsibleRootProps } from "radix-vue";
+import { CollapsibleRoot, useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<CollapsibleRootProps>();
 const emits = defineEmits<CollapsibleRootEmits>();
diff --git a/src/components/ui/dark-mode/DarkModeToggle.vue b/src/components/ui/dark-mode/DarkModeToggle.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useColorMode } from "@vueuse/core";
-import { Icon } from "@iconify/vue";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { Icon } from "@iconify/vue";
+import { useColorMode } from "@vueuse/core";
 
 const mode = useColorMode();
 </script>
diff --git a/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
+import { Icon } from "@iconify/vue";
 import {
   DropdownMenuCheckboxItem,
   type DropdownMenuCheckboxItemEmits,
   type DropdownMenuCheckboxItemProps,
   DropdownMenuItemIndicator,
   useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
-import { Icon } from "@iconify/vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>();
diff --git a/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
   type DropdownMenuContentProps,
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
   DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
   DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
+import { Icon } from "@iconify/vue";
 import {
   DropdownMenuItemIndicator,
   DropdownMenuRadioItem,
   type DropdownMenuRadioItemEmits,
   type DropdownMenuRadioItemProps,
   useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
-import { Icon } from "@iconify/vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
   DropdownMenuSeparatorProps & {
diff --git a/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
 import { cn } from "@/utils/classname";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
   class?: HTMLAttributes["class"];
diff --git a/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<DropdownMenuSubContentEmits>();
diff --git a/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
+import { Icon } from "@iconify/vue";
 import {
   DropdownMenuSubTrigger,
   type DropdownMenuSubTriggerProps,
   useForwardProps,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
-import { Icon } from "@iconify/vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/input/Input.vue b/src/components/ui/input/Input.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { useVModel } from "@vueuse/core";
 import { cn } from "@/utils/classname";
+import { useVModel } from "@vueuse/core";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
   defaultValue?: string | number;
diff --git a/src/components/ui/label/Label.vue b/src/components/ui/label/Label.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { Label, type LabelProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { Label, type LabelProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/scroll-area/ScrollArea.vue b/src/components/ui/scroll-area/ScrollArea.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
   type ScrollAreaRootProps,
   ScrollAreaViewport,
 } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 import ScrollBar from "./ScrollBar.vue";
-import { cn } from "@/utils/classname";
 
 const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/scroll-area/ScrollBar.vue b/src/components/ui/scroll-area/ScrollBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = withDefaults(
   defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/src/components/ui/sheet/SheetContent.vue b/src/components/ui/sheet/SheetContent.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
+import { Icon } from "@iconify/vue";
 import {
   DialogClose,
   DialogContent,
@@ -9,9 +10,8 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 import { type SheetVariants, sheetVariants } from ".";
-import { cn } from "@/utils/classname";
-import { Icon } from "@iconify/vue";
 
 interface SheetContentProps extends DialogContentProps {
   class?: HTMLAttributes["class"];
diff --git a/src/components/ui/sheet/SheetDescription.vue b/src/components/ui/sheet/SheetDescription.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DialogDescription, type DialogDescriptionProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { DialogDescription, type DialogDescriptionProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/sheet/SheetFooter.vue b/src/components/ui/sheet/SheetFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
 import { cn } from "@/utils/classname";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
diff --git a/src/components/ui/sheet/SheetHeader.vue b/src/components/ui/sheet/SheetHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
 import { cn } from "@/utils/classname";
+import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
diff --git a/src/components/ui/sheet/SheetTitle.vue b/src/components/ui/sheet/SheetTitle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DialogTitle, type DialogTitleProps } from "radix-vue";
 import { cn } from "@/utils/classname";
+import { DialogTitle, type DialogTitleProps } from "radix-vue";
+import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/src/components/ui/sidebar/Sidebar.vue b/src/components/ui/sidebar/Sidebar.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from "@/utils/classname";
 import { Button } from "@/components/ui/button";
-import SidebarToggle from "./SidebarToggle.vue";
-import SidebarMenu from "./SidebarMenu.vue";
 import { useSidebarStore } from "@/stores/use-sidebar";
+import { cn } from "@/utils/classname";
 import { Icon } from "@iconify/vue";
+import SidebarMenu from "./SidebarMenu.vue";
+import SidebarToggle from "./SidebarToggle.vue";
 
 const sidebar = useSidebarStore();
 </script>
diff --git a/src/components/ui/sidebar/SidebarMenu.vue b/src/components/ui/sidebar/SidebarMenu.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/utils/classname";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { Button, buttonVariants } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import SidebarMenuCollapsible from "./SidebarMenuCollapsible.vue";
 import { useSidebarStore } from "@/stores/use-sidebar";
-import { onMounted } from "vue";
+import { cn } from "@/utils/classname";
 import { Icon } from "@iconify/vue";
+import { onMounted } from "vue";
+import SidebarMenuCollapsible from "./SidebarMenuCollapsible.vue";
 
 type SidebarMenuProps = { isOpen: boolean };
 const props = defineProps<SidebarMenuProps>();
diff --git a/src/components/ui/sidebar/SidebarMenuCollapsible.vue b/src/components/ui/sidebar/SidebarMenuCollapsible.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { computed, ref } from "vue";
 import { Button } from "@/components/ui/button";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import {
@@ -11,9 +10,10 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { Icon } from "@iconify/vue";
 import { DropdownMenuArrow } from "radix-vue";
+import { computed, ref } from "vue";
 import { SidebarMenu } from ".";
-import { Icon } from "@iconify/vue";
 
 type SidebarMenuCollapsibleProps = SidebarMenu & { isOpen: boolean };
 
diff --git a/src/components/ui/tooltip/TooltipContent.vue b/src/components/ui/tooltip/TooltipContent.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
+import { cn } from "@/utils/classname";
 import {
   TooltipContent,
   type TooltipContentEmits,
   type TooltipContentProps,
   TooltipPortal,
   useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/utils/classname";
+import { type HTMLAttributes, computed } from "vue";
 
 defineOptions({
   inheritAttrs: false,
diff --git a/src/layouts/LayoutMain.vue b/src/layouts/LayoutMain.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Navbar } from "@/components/ui/navbar";
 import { Sidebar } from "@/components/ui/sidebar";
-import { cn } from "@/utils/classname";
 import { useSidebarStore } from "@/stores/use-sidebar";
-import { Navbar } from "@/components/ui/navbar";
+import { cn } from "@/utils/classname";
 
 const sidebar = useSidebarStore();
 </script>
