run format

packages/@orchidui-vue/src/Builder/DataTable/OcDataTable.vue

@@ -230,8 +230,8 @@ const displayFilterData = computed(() => {
               !filterOptions
                 ? 'w-full justify-end'
                 : isSearchExpanded
-                ? 'md:w-fit w-full'
-                : ''
+                  ? 'md:w-fit w-full'
+                  : ''
             "
           >
             <FilterSearch

packages/@orchidui-vue/src/DataDisplay/Pagination/OcPagination.vue

@@ -37,7 +37,7 @@ const pagination = computed(() => {
     return [
       ...Array.from(
         { length: Math.min(totalVisible - 1, props.maxPage) },
-        (_, index) => index + 1
+        (_, index) => index + 1,
       ),
       "...",
       props.maxPage,
@@ -51,7 +51,7 @@ const pagination = computed(() => {
       "...",
       ...Array.from(
         { length: totalVisible - 1 },
-        (_, index) => props.maxPage - (totalVisible - 2) + index
+        (_, index) => props.maxPage - (totalVisible - 2) + index,
       ),
     ];
   }
@@ -76,7 +76,7 @@ const pagination = computed(() => {
         @click="
           $emit(
             'update:modelValue',
-            modelValue > 1 ? modelValue - 1 : modelValue
+            modelValue > 1 ? modelValue - 1 : modelValue,
           )
         "
       />
@@ -106,7 +106,7 @@ const pagination = computed(() => {
         @click="
           $emit(
             'update:modelValue',
-            modelValue < Number(maxPage) ? modelValue + 1 : Number(maxPage)
+            modelValue < Number(maxPage) ? modelValue + 1 : Number(maxPage),
           )
         "
       />

packages/@orchidui-vue/src/DataDisplay/Table/OcTableCell.vue

@@ -102,8 +102,8 @@ const copyToClipboard = async (text) => {
             isSelected
               ? 'block'
               : isSimple
-              ? ''
-              : 'md:hidden group-hover/row:block'
+                ? ''
+                : 'md:hidden group-hover/row:block'
           "
           @update:model-value="$emit('selected')"
         />

packages/@orchidui-vue/src/Disclosure/Accordion/OcAccordion.stories.js

@@ -28,7 +28,7 @@ export const OcAccordion = {
       const isOpen = ref(false);
       watch(
         () => args.isExpandable,
-        (val) => (isOpen.value = args.isDisabled ? false : val)
+        (val) => (isOpen.value = args.isDisabled ? false : val),
       );
       return { isOpen, args };
     },

packages/@orchidui-vue/src/Disclosure/Tabs/OcTabs.vue

@@ -32,8 +32,8 @@ const isPillVariant = computed(() => props.variant === "pills");
             ? 'bg-oc-gray-200 text-oc-text-500'
             : 'border-oc-primary-500 text-oc-text-500'
           : isPillVariant
-          ? 'text-oc-text-400'
-          : 'border-transparent text-oc-text-400',
+            ? 'text-oc-text-400'
+            : 'border-transparent text-oc-text-400',
       ]"
       @click="$emit('update:modelValue', tab.value)"
     >

packages/@orchidui-vue/src/Elements/Header/OcTabToSelect.vue

@@ -12,7 +12,7 @@ const props = defineProps({
 });
 const isDropdownOpened = ref(false);
 const activeMenu = computed(() =>
-  props.menus.find((menu) => menu.value === props.modelValue)
+  props.menus.find((menu) => menu.value === props.modelValue),
 );
 </script>
 <template>

packages/@orchidui-vue/src/Elements/PageTitle/OcPrimaryActions.vue

@@ -12,7 +12,7 @@ const emit = defineEmits({
 const isDropdownOpened = ref(false);
 const isCopied = ref(false);
 const hasDropdownOptions = computed(
-  () => props.primaryActions?.dropdownOptions
+  () => props.primaryActions?.dropdownOptions,
 );
 const copyToClipBoard = () => {
   isCopied.value = true;

packages/@orchidui-vue/src/Form/Button/OcButton.vue

@@ -25,7 +25,7 @@ const props = defineProps({
 });
 const isPressed = ref(false);
 const isIconOnly = computed(
-  () => (props.leftIcon || props.rightIcon) && !props.label
+  () => (props.leftIcon || props.rightIcon) && !props.label,
 );
 const additionalAreaSize = computed(() => ({
   default: "w-10 h-[36px]",
@@ -54,7 +54,7 @@ const showShadow = computed(
     !props.isDisabled &&
     !props.isLoading &&
     !props.isActive &&
-    shadowContainer.value[props.variant]
+    shadowContainer.value[props.variant],
 );
 
 const buttonTypeClasses = computed(() => ({
@@ -86,7 +86,7 @@ const buttonSizeClasses = computed(() => ({
       : "py-3 ") + " text-lg h-[44px]",
 }));
 const roundedClasses = computed(() =>
-  props.isRoundedFull ? "rounded-full" : "rounded"
+  props.isRoundedFull ? "rounded-full" : "rounded",
 );
 
 const iconSize = computed(() => ({

packages/@orchidui-vue/src/Form/Calendar/OcCalendar.vue

@@ -37,7 +37,7 @@ const emit = defineEmits(["update:modelValue"]);
 const selectedDate = ref(
   props.type === "range"
     ? props.modelValue?.[0] || new Date()
-    : props.modelValue || new Date()
+    : props.modelValue || new Date(),
 );
 
 const selectedStartDate = ref(selectedDate.value);
@@ -47,23 +47,23 @@ const selectedEndDate = ref(
     ? props.modelValue?.[1] ||
         new Date(
           new Date(selectedStartDate.value).setDate(
-            selectedStartDate.value.getDate() + 2
-          )
+            selectedStartDate.value.getDate() + 2,
+          ),
         )
-    : null
+    : null,
 );
 
 const selectedStartDay = ref(
   selectedStartDate.value?.getMonth() === selectedDate.value?.getMonth()
     ? selectedStartDate.value?.getDate()
-    : null
+    : null,
 );
 const selectedEndDay = ref(
   props.type === "range"
     ? selectedEndDate.value?.getMonth() === selectedDate.value?.getMonth()
       ? selectedEndDate.value?.getDate()
       : null
-    : null
+    : null,
 );
 
 const daysInMonth = computed(() => {
@@ -73,7 +73,7 @@ const daysInMonth = computed(() => {
   const lastDay = new Date(
     date?.getFullYear(),
     date?.getMonth() + 1,
-    0
+    0,
   ).getDate();
 
   return Array.from({ length: lastDay }, (_, i) => i + 1);
@@ -101,10 +101,10 @@ const selectDay = (day) => {
   if (
     props.type !== "range" ||
     Math.abs(
-      currentMonth.getTime() - new Date(selectedEndDate.value).getTime()
+      currentMonth.getTime() - new Date(selectedEndDate.value).getTime(),
     ) >
       Math.abs(
-        currentMonth.getTime() - new Date(selectedStartDate.value).getTime()
+        currentMonth.getTime() - new Date(selectedStartDate.value).getTime(),
       )
   ) {
     selectedStartDay.value = day;
@@ -141,7 +141,7 @@ const prevMonth = () => {
     selectedDate.value = new Date(
       selectedDate.value?.getFullYear(),
       selectedDate.value?.getMonth() - 1,
-      1
+      1,
     );
 
     selectedStartDay.value =
@@ -157,7 +157,7 @@ const prevMonth = () => {
       selectedStartDate.value = new Date(
         selectedStartDate.value?.getFullYear(),
         selectedStartDate.value?.getMonth() - 1,
-        1
+        1,
       );
       selectedStartDay.value = null;
     }
@@ -169,7 +169,7 @@ const nextMonth = () => {
     selectedDate.value = new Date(
       selectedDate.value?.getFullYear(),
       selectedDate.value?.getMonth() + 1,
-      1
+      1,
     );
     selectedStartDay.value =
       selectedDate.value?.getMonth() === selectedStartDate.value?.getMonth()
@@ -184,7 +184,7 @@ const nextMonth = () => {
       selectedStartDate.value = new Date(
         selectedStartDate.value?.getFullYear(),
         selectedStartDate.value?.getMonth() + 1,
-        1
+        1,
       );
       selectedStartDay.value = null;
     }
@@ -236,7 +236,7 @@ const doneSelecting = () => {
     "update:modelValue",
     props.type === "range"
       ? [selectedStartDate.value, selectedEndDate.value]
-      : new Date(selectedStartDate.value)
+      : new Date(selectedStartDate.value),
   );
 };
 </script>

packages/@orchidui-vue/src/Form/Checkbox/OcCheckbox.vue

@@ -26,10 +26,10 @@ const onInput = () =>
               ? 'border-oc-primary-100 bg-oc-primary-100'
               : 'border-oc-primary bg-oc-primary'
             : isError
-            ? 'border-oc-error'
-            : isDisabled
-            ? 'bg-oc-primary-50 border-oc-primary-200'
-            : 'border-oc-primary-200',
+              ? 'border-oc-error'
+              : isDisabled
+                ? 'bg-oc-primary-50 border-oc-primary-200'
+                : 'border-oc-primary-200',
           isError && modelValue && !isDisabled ? '!bg-oc-error ' : '',
           isError && !isDisabled ? '!border-oc-error' : '',
           isPartial

packages/@orchidui-vue/src/Form/CheckboxesGroup/OcCheckboxesGroup.stories.js

@@ -41,7 +41,7 @@ export const Default = {
       const selectedCheckboxes = ref([]);
       watch(
         () => args.modelValue,
-        (val) => (selectedCheckboxes.value = val)
+        (val) => (selectedCheckboxes.value = val),
       );
       return { args, selectedCheckboxes };
     },

packages/@orchidui-vue/src/Form/CheckboxesGroup/OcCheckboxesGroup.vue

@@ -30,7 +30,7 @@ const toggleCheckbox = (value) => {
     "update:modelValue",
     isSelectedCheckbox(value)
       ? props.modelValue.filter((v) => v !== value)
-      : [...props.modelValue, value]
+      : [...props.modelValue, value],
   );
 };
 </script>

packages/@orchidui-vue/src/Form/ComplexDatePicker/OcComplexDatePicker.vue

@@ -42,7 +42,7 @@ const isOpen = ref(false);
   <Dropdown v-model="isOpen" position="bottom" class="w-full">
     <Input
       :model-value="`${dayjs(modelValue.start).format(formatDate)} - ${dayjs(
-        modelValue.end
+        modelValue.end,
       ).format(formatDate)}`"
       icon="calendar"
       readonly

packages/@orchidui-vue/src/Form/LinkInput/OcLinkInput.vue

@@ -21,7 +21,7 @@ defineEmits({
 const isDropdownOpened = ref(false);
 const selectedLink = ref(props.links?.[0]?.value || "");
 const selectedLinkProps = computed(() =>
-  props.links.find((link) => link.value === selectedLink.value)
+  props.links.find((link) => link.value === selectedLink.value),
 );
 </script>
 

packages/@orchidui-vue/src/Form/PhoneInput/OcPhoneInput.vue

@@ -29,13 +29,13 @@ const query = ref("");
 const filteredCountryCodes = computed(() =>
   props.countryCodes
     .filter((country) =>
-      country.country.toLowerCase().includes(query.value.toLowerCase())
+      country.country.toLowerCase().includes(query.value.toLowerCase()),
     )
-    .sort((a, b) => a.country.localeCompare(b.country))
+    .sort((a, b) => a.country.localeCompare(b.country)),
 );
 const getCountryObject = (iso) =>
   props.countryCodes.find(
-    (country) => country.iso.toLowerCase() === iso.toLowerCase()
+    (country) => country.iso.toLowerCase() === iso.toLowerCase(),
   ) || null;
 
 const getCountryCode = (iso) => getCountryObject(iso)?.code || "";

packages/@orchidui-vue/src/Form/Select/OcSelect.vue

@@ -34,7 +34,7 @@ const emit = defineEmits({
 });
 
 const localValue = ref(
-  props.modelValue ? props.modelValue : props.multiple ? [] : ""
+  props.modelValue ? props.modelValue : props.multiple ? [] : "",
 );
 
 const query = ref("");
@@ -45,7 +45,7 @@ const filterOptions = (options, query) => {
   for (const option of options) {
     if (option.values) {
       const filteredGroup = option.values.filter((subOption) =>
-        subOption.label.toLowerCase().includes(query.toLowerCase())
+        subOption.label.toLowerCase().includes(query.toLowerCase()),
       );
 
       if (filteredGroup.length > 0) {
@@ -64,7 +64,7 @@ const filterOptions = (options, query) => {
   return filteredOptions;
 };
 const filterableOptions = computed(() =>
-  filterOptions(props.options, query.value)
+  filterOptions(props.options, query.value),
 );
 const selectOption = (option) => {
   const result = props.multiple

packages/@orchidui-vue/src/Form/SingleFileUpload/ModalCropper.vue

@@ -70,7 +70,9 @@ const zoom = (zoom) => cropper.value.zoom(zoom);
 
 <style lang="scss">
 .test {
-  background: url("./assets/empty-space.png"), lightgray 0 0% / 50px 50px repeat;
+  background:
+    url("./assets/empty-space.png"),
+    lightgray 0 0% / 50px 50px repeat;
 }
 
 .vue-simple-handler {

packages/@orchidui-vue/src/Form/SingleFileUpload/SingleFileUpload.vue

@@ -34,7 +34,7 @@ const { currentFiles, onChangeFile, onDeleteFile } =
   useUploadFileProgress(emit);
 
 const videoUrl = computed(() =>
-  URL.createObjectURL(currentFiles.value?.[0].file)
+  URL.createObjectURL(currentFiles.value?.[0].file),
 );
 const currentFile = computed(() => currentFiles.value?.[0]);
 onMounted(() => {

packages/@orchidui-vue/src/Form/Slider/OcSlider.vue

@@ -74,7 +74,7 @@ const fillColor = () => {
     "update:modelValue",
     props.type === "range"
       ? [sliderOne.value?.value, sliderTwo.value?.value]
-      : sliderOne.value.value
+      : sliderOne.value.value,
   );
 };
 const updateSlider = (value) => {

packages/@orchidui-vue/src/Form/TextEditor/QuillEditor.js

@@ -48,7 +48,7 @@ export const QuillEditor = defineComponent({
       required: false,
       validator: (value) => {
         if (typeof value === "string" && value !== "") {
-          return value.charAt(0) === "#"
+          return value.charAt(0) === "#";
         }
         return true;
       },
@@ -139,7 +139,7 @@ export const QuillEditor = defineComponent({
       if (props.id && props.id !== "") {
         clientOptions.modules = {
           toolbar: (() => {
-            return props.id
+            return props.id;
           })(),
         };
       }