styles: prettify syntax

Author: mrholek

packages/coreui-vue/src/components/carousel/CCarousel.ts

@@ -185,10 +185,7 @@ const CCarousel = defineComponent({
       h(
         'div',
         {
-          class: [
-            'carousel slide',
-            props.transition === 'crossfade' && 'carousel-fade',
-          ],
+          class: ['carousel slide', props.transition === 'crossfade' && 'carousel-fade'],
           ...(props.dark && { 'data-coreui-theme': 'dark' }),
           onmouseover: () => props.pause && pause(),
           onmouseleave: () => cycle(),

packages/coreui-vue/src/components/dropdown/CDropdown.ts

@@ -185,8 +185,7 @@ const CDropdown = defineComponent({
       window.removeEventListener('keyup', handleKeyup)
       dropdownToggleRef.value &&
         dropdownToggleRef.value.removeEventListener('keydown', handleKeydown)
-      dropdownMenuRef.value &&
-        dropdownMenuRef.value.removeEventListener('keydown', handleKeydown)
+      dropdownMenuRef.value && dropdownMenuRef.value.removeEventListener('keydown', handleKeydown)
       emit('hide')
     })
 
@@ -202,10 +201,16 @@ const CDropdown = defineComponent({
     provide('dropdownMenuRef', dropdownMenuRef)
 
     const handleKeydown = (event: KeyboardEvent) => {
-      if (visible.value && dropdownMenuRef.value && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+      if (
+        visible.value &&
+        dropdownMenuRef.value &&
+        (event.key === 'ArrowDown' || event.key === 'ArrowUp')
+      ) {
         event.preventDefault()
         const target = event.target as HTMLElement
-        const items: HTMLElement[] = Array.from(dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'))
+        const items: HTMLElement[] = Array.from(
+          dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
+        )
         getNextActiveElement(items, target, event.key === 'ArrowDown', true).focus()
       }
     }

packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts

@@ -1,4 +1,14 @@
-import { cloneVNode, computed, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
+import {
+  cloneVNode,
+  computed,
+  defineComponent,
+  h,
+  inject,
+  onMounted,
+  PropType,
+  Ref,
+  ref,
+} from 'vue'
 
 import { CButton } from '../button'
 
@@ -127,7 +137,7 @@ const CDropdownToggle = defineComponent({
           'dropdown-toggle': props.caret,
           'dropdown-toggle-split': props.split,
           disabled: props.disabled,
-          show: visible.value
+          show: visible.value,
         },
         'aria-expanded': visible.value,
         ...(!props.disabled && { ...triggers }),

packages/coreui-vue/src/components/dropdown/types.ts

@@ -8,4 +8,4 @@ export type Breakpoints =
   | { xl: Directions }
   | { xxl: Directions }
 
-export type Alignments = Directions | Breakpoints
+export type Alignments = Directions | Breakpoints

packages/coreui-vue/src/components/dropdown/utils.ts

@@ -13,7 +13,7 @@ export const getAlignmentClassNames = (alignment: object | string) => {
   if (typeof alignment === 'string') {
     classNames.push(`dropdown-menu-${alignment}`)
   }
-  
+
   return classNames
 }
 
@@ -68,4 +68,4 @@ export const getPlacement = (
   }
 
   return _placement
-}
+}

packages/coreui-vue/src/components/tooltip/CTooltip.ts

@@ -104,7 +104,7 @@ const CTooltip = defineComponent({
     const tooltipRef = ref()
     const visible = ref(props.visible)
     const { initPopper, destroyPopper } = usePopper()
-    
+
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 

packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts

@@ -33,9 +33,7 @@ const CWidgetStatsA = defineComponent({
       h(
         CCard,
         {
-          class: [
-            { [`bg-${props.color}`]: props.color, 'text-white': props.color },
-          ],
+          class: [{ [`bg-${props.color}`]: props.color, 'text-white': props.color }],
         },
         () => [
           h(

packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts

@@ -98,9 +98,7 @@ const CWidgetStatsB = defineComponent({
                 h(
                   'small',
                   {
-                    class: [
-                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
-                    ],
+                    class: [props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary'],
                   },
                   {
                     default: () => (slots.text && slots.text()) || props.text,