fix(prettier): fix prettier

Signed-off-by: Shyrro <[email protected]>

Author: Shyrro

packages/vue/src/polymorphic-factory.tsx

@@ -20,17 +20,17 @@ export type ComponentWithAs<
   Component extends ElementType,
   P extends Record<string, unknown> = Record<never, never>,
 > = {
-  new(): {
+  new (): {
     $props: AllowedComponentProps &
-    ComponentCustomProps &
-    VNodeProps &
-    ExtractPropTypes<Component> &
-    (Component extends keyof IntrinsicElementAttributes
-      ? IntrinsicElementAttributes[Component]
-      : Record<never, never>) &
-    P & {
-      as?: ElementType
-    }
+      ComponentCustomProps &
+      VNodeProps &
+      ExtractPropTypes<Component> &
+      (Component extends keyof IntrinsicElementAttributes
+        ? IntrinsicElementAttributes[Component]
+        : Record<never, never>) &
+      P & {
+        as?: ElementType
+      }
   }
 }
 
@@ -63,11 +63,7 @@ function defaultStyled(originalComponent: ElementType) {
         getAttributes(Component as string, props.modelValue, emit, attrs),
       )
 
-      return () => (
-        <Component {...componentAttrs.value}>
-          {() => slots?.default?.()}
-        </Component>
-      )
+      return () => <Component {...componentAttrs.value}>{() => slots?.default?.()}</Component>
     },
   }) as ComponentWithAs<never>
 }

packages/vue/src/use-v-model.ts

@@ -2,7 +2,10 @@ import { computed, ref } from 'vue'
 
 const formElements = ['input', 'select', 'textarea', 'fieldset', 'datalist', 'option', 'optgroup']
 
-const handleMultipleCheckbox = <TModelValue extends Array<any>>(value: unknown, modelValue: TModelValue) => {
+function handleMultipleCheckbox<TModelValue extends Array<any>>(
+  value: unknown,
+  modelValue: TModelValue,
+) {
   const currentModelValue = [...modelValue]
   // If the value is already checked, uncheck it
   // else, add it to the checked array.
@@ -18,9 +21,9 @@ const handleMultipleCheckbox = <TModelValue extends Array<any>>(value: unknown,
  * Function that emits the right events when using v-model.
  */
 function handleInput<
-  TEmit extends CallableFunction, 
+  TEmit extends CallableFunction,
   TModelValue extends Array<any>,
-  TAttrs extends Record<string, unknown>
+  TAttrs extends Record<string, unknown>,
 >(e: Event, emit: TEmit, modelValue: TModelValue, attrs: TAttrs) {
   emit(
     'update:modelValue',
@@ -41,22 +44,15 @@ function handleInput<
 }
 
 export function getAttributes<
-  TModelValue extends Array<any>, 
-  TEmit extends CallableFunction, 
-  TAttrs extends Record<string, unknown>>
-(
-  elementTag: string,
-  modelValue: TModelValue,
-  emit: TEmit,
-  attrs: TAttrs,
-) {
-  
+  TModelValue extends Array<any>,
+  TEmit extends CallableFunction,
+  TAttrs extends Record<string, unknown>,
+>(elementTag: string, modelValue: TModelValue, emit: TEmit, attrs: TAttrs) {
   const val = ref<Record<string, unknown>>({ value: modelValue })
   const attributes = ref({ ...attrs })
 
   // Only do this if v-model directive is provided, otherwise return user props
   if (formElements.includes(elementTag) && (modelValue !== null || modelValue !== undefined)) {
-    
     if (elementTag === 'input' && (attrs.type === 'checkbox' || attrs.type === 'radio')) {
       const isChecked = computed(() =>
         // If it's a boolean, it's probably a single checkbox or a radio button
@@ -72,9 +68,9 @@ export function getAttributes<
     attributes.value = {
       ...val.value,
       onInput: (e: Event) => handleInput(e, emit, modelValue, attrs),
-      ...attrs
+      ...attrs,
     }
   }
-  
+
   return attributes.value
 }