run: format

Author: vikdiesel

src/colors.js

@@ -10,7 +10,7 @@ export const colorsBgLight = {
   success: 'bg-emerald-500 border-emerald-500 text-white',
   danger: 'bg-red-500 border-red-500 text-white',
   warning: 'bg-yellow-500 border-yellow-500 text-white',
-  info: 'bg-blue-500 border-blue-500 text-white'
+  info: 'bg-blue-500 border-blue-500 text-white',
 }
 
 export const colorsText = {
@@ -20,7 +20,7 @@ export const colorsText = {
   success: 'text-emerald-500',
   danger: 'text-red-500',
   warning: 'text-yellow-500',
-  info: 'text-blue-500'
+  info: 'text-blue-500',
 }
 
 export const colorsOutline = {
@@ -30,7 +30,7 @@ export const colorsOutline = {
   success: [colorsText.success, 'border-emerald-500'],
   danger: [colorsText.danger, 'border-red-500'],
   warning: [colorsText.warning, 'border-yellow-500'],
-  info: [colorsText.info, 'border-blue-500']
+  info: [colorsText.info, 'border-blue-500'],
 }
 
 export const getButtonColor = (color, isOutlined, hasHover, isActive = false) => {
@@ -43,7 +43,7 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
       success: 'ring-emerald-300 dark:ring-emerald-700',
       danger: 'ring-red-300 dark:ring-red-700',
       warning: 'ring-yellow-300 dark:ring-yellow-700',
-      info: 'ring-blue-300 dark:ring-blue-700'
+      info: 'ring-blue-300 dark:ring-blue-700',
     },
     active: {
       white: 'bg-gray-100',
@@ -53,7 +53,7 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
       success: 'bg-emerald-700 dark:bg-emerald-600',
       danger: 'bg-red-700 dark:bg-red-600',
       warning: 'bg-yellow-700 dark:bg-yellow-600',
-      info: 'bg-blue-700 dark:bg-blue-600'
+      info: 'bg-blue-700 dark:bg-blue-600',
     },
     bg: {
       white: 'bg-white text-black',
@@ -63,7 +63,7 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
       success: 'bg-emerald-600 dark:bg-emerald-500 text-white',
       danger: 'bg-red-600 dark:bg-red-500 text-white',
       warning: 'bg-yellow-600 dark:bg-yellow-500 text-white',
-      info: 'bg-blue-600 dark:bg-blue-500 text-white'
+      info: 'bg-blue-600 dark:bg-blue-500 text-white',
     },
     bgHover: {
       white: 'hover:bg-gray-100',
@@ -76,7 +76,7 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
         'hover:bg-red-700 hover:border-red-700 dark:hover:bg-red-600 dark:hover:border-red-600',
       warning:
         'hover:bg-yellow-700 hover:border-yellow-700 dark:hover:bg-yellow-600 dark:hover:border-yellow-600',
-      info: 'hover:bg-blue-700 hover:border-blue-700 dark:hover:bg-blue-600 dark:hover:border-blue-600'
+      info: 'hover:bg-blue-700 hover:border-blue-700 dark:hover:bg-blue-600 dark:hover:border-blue-600',
     },
     borders: {
       white: 'border-white',
@@ -86,14 +86,14 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
       success: 'border-emerald-600 dark:border-emerald-500',
       danger: 'border-red-600 dark:border-red-500',
       warning: 'border-yellow-600 dark:border-yellow-500',
-      info: 'border-blue-600 dark:border-blue-500'
+      info: 'border-blue-600 dark:border-blue-500',
     },
     text: {
       contrast: 'dark:text-slate-100',
       success: 'text-emerald-600 dark:text-emerald-500',
       danger: 'text-red-600 dark:text-red-500',
       warning: 'text-yellow-600 dark:text-yellow-500',
-      info: 'text-blue-600 dark:text-blue-500'
+      info: 'text-blue-600 dark:text-blue-500',
     },
     outlineHover: {
       contrast:
@@ -104,8 +104,8 @@ export const getButtonColor = (color, isOutlined, hasHover, isActive = false) =>
         'hover:bg-red-600 hover:text-white hover:text-white dark:hover:text-white dark:hover:border-red-600',
       warning:
         'hover:bg-yellow-600 hover:text-white hover:text-white dark:hover:text-white dark:hover:border-yellow-600',
-      info: 'hover:bg-blue-600 hover:text-white dark:hover:text-white dark:hover:border-blue-600'
-    }
+      info: 'hover:bg-blue-600 hover:text-white dark:hover:text-white dark:hover:border-blue-600',
+    },
   }
 
   if (!colors.bg[color]) {

src/components/AsideMenu.vue

@@ -5,10 +5,10 @@ import OverlayLayer from '@/components/OverlayLayer.vue'
 defineProps({
   menu: {
     type: Array,
-    required: true
+    required: true,
   },
   isAsideMobileExpanded: Boolean,
-  isAsideLgActive: Boolean
+  isAsideLgActive: Boolean,
 })
 
 const emit = defineEmits(['menu-click', 'aside-lg-close-click'])
@@ -27,7 +27,7 @@ const asideLgCloseClick = (event) => {
     :menu="menu"
     :class="[
       isAsideMobileExpanded ? 'left-0' : '-left-60 lg:left-0',
-      { 'lg:hidden xl:flex': !isAsideLgActive }
+      { 'lg:hidden xl:flex': !isAsideLgActive },
     ]"
     @menu-click="menuClick"
     @aside-lg-close-click="asideLgCloseClick"

src/components/AsideMenuItem.vue

@@ -9,17 +9,17 @@ import AsideMenuList from '@/components/AsideMenuList.vue'
 const props = defineProps({
   item: {
     type: Object,
-    required: true
+    required: true,
   },
-  isDropdownList: Boolean
+  isDropdownList: Boolean,
 })
 
 const emit = defineEmits(['menu-click'])
 
 const hasColor = computed(() => props.item && props.item.color)
 
 const asideMenuItemActiveStyle = computed(() =>
-  hasColor.value ? '' : 'aside-menu-item-active font-bold'
+  hasColor.value ? '' : 'aside-menu-item-active font-bold',
 )
 
 const isDropdownActive = ref(false)
@@ -28,7 +28,7 @@ const componentClass = computed(() => [
   props.isDropdownList ? 'py-3 px-6 text-sm' : 'py-3',
   hasColor.value
     ? getButtonColor(props.item.color, false, true)
-    : `aside-menu-item dark:text-slate-300 dark:hover:text-white`
+    : `aside-menu-item dark:text-slate-300 dark:hover:text-white`,
 ])
 
 const hasDropdown = computed(() => !!props.item.menu)
@@ -66,7 +66,7 @@ const menuClick = (event) => {
         class="grow text-ellipsis line-clamp-1"
         :class="[
           { 'pr-12': !hasDropdown },
-          vSlot && vSlot.isExactActive ? asideMenuItemActiveStyle : ''
+          vSlot && vSlot.isExactActive ? asideMenuItemActiveStyle : '',
         ]"
         >{{ item.label }}</span
       >

src/components/AsideMenuLayer.vue

@@ -8,8 +8,8 @@ import BaseIcon from '@/components/BaseIcon.vue'
 defineProps({
   menu: {
     type: Array,
-    required: true
-  }
+    required: true,
+  },
 })
 
 const emit = defineEmits(['menu-click', 'aside-lg-close-click'])
@@ -18,7 +18,7 @@ const logoutItem = computed(() => ({
   label: 'Logout',
   icon: mdiLogout,
   color: 'info',
-  isLogout: true
+  isLogout: true,
 }))
 
 const menuClick = (event, item) => {

src/components/AsideMenuList.vue

@@ -5,8 +5,8 @@ defineProps({
   isDropdownList: Boolean,
   menu: {
     type: Array,
-    required: true
-  }
+    required: true,
+  },
 })
 
 const emit = defineEmits(['menu-click'])

src/components/BaseButton.vue

@@ -7,45 +7,45 @@ import BaseIcon from '@/components/BaseIcon.vue'
 const props = defineProps({
   label: {
     type: [String, Number],
-    default: null
+    default: null,
   },
   icon: {
     type: String,
-    default: null
+    default: null,
   },
   iconSize: {
     type: [String, Number],
-    default: null
+    default: null,
   },
   href: {
     type: String,
-    default: null
+    default: null,
   },
   target: {
     type: String,
-    default: null
+    default: null,
   },
   to: {
     type: [String, Object],
-    default: null
+    default: null,
   },
   type: {
     type: String,
-    default: null
+    default: null,
   },
   color: {
     type: String,
-    default: 'white'
+    default: 'white',
   },
   as: {
     type: String,
-    default: null
+    default: null,
   },
   small: Boolean,
   outline: Boolean,
   active: Boolean,
   disabled: Boolean,
-  roundedFull: Boolean
+  roundedFull: Boolean,
 })
 
 const is = computed(() => {
@@ -87,7 +87,7 @@ const componentClass = computed(() => {
     'border',
     props.disabled ? 'cursor-not-allowed' : 'cursor-pointer',
     props.roundedFull ? 'rounded-full' : 'rounded-sm',
-    getButtonColor(props.color, props.outline, !props.disabled, props.active)
+    getButtonColor(props.color, props.outline, !props.disabled, props.active),
   ]
 
   if (!props.label && props.icon) {

src/components/BaseButtons.vue

@@ -7,16 +7,16 @@ export default defineComponent({
     noWrap: Boolean,
     type: {
       type: String,
-      default: 'justify-start'
+      default: 'justify-start',
     },
     classAddon: {
       type: String,
-      default: 'mr-3 last:mr-0 mb-3'
+      default: 'mr-3 last:mr-0 mb-3',
     },
     mb: {
       type: String,
-      default: '-mb-3'
-    }
+      default: '-mb-3',
+    },
   },
   render() {
     const hasSlot = this.$slots && this.$slots.default
@@ -25,7 +25,7 @@ export default defineComponent({
       'flex',
       'items-center',
       this.type,
-      this.noWrap ? 'flex-nowrap' : 'flex-wrap'
+      this.noWrap ? 'flex-nowrap' : 'flex-wrap',
     ]
 
     if (this.mb) {
@@ -43,14 +43,14 @@ export default defineComponent({
                 {},
                 element.children.map((child) => {
                   return h(child, { class: [this.classAddon] })
-                })
+                }),
               )
             }
 
             return h(element, { class: [this.classAddon] })
           })
-        : null
+        : null,
     )
-  }
+  },
 })
 </script>

src/components/BaseDivider.vue

@@ -1,6 +1,6 @@
 <script setup>
 const props = defineProps({
-  navBar: Boolean
+  navBar: Boolean,
 })
 </script>
 

src/components/BaseIcon.vue

@@ -4,20 +4,20 @@ import { computed } from 'vue'
 const props = defineProps({
   path: {
     type: String,
-    required: true
+    required: true,
   },
   w: {
     type: String,
-    default: 'w-6'
+    default: 'w-6',
   },
   h: {
     type: String,
-    default: 'h-6'
+    default: 'h-6',
   },
   size: {
     type: [String, Number],
-    default: null
-  }
+    default: null,
+  },
 })
 
 const spanClass = computed(() => `inline-flex justify-center items-center ${props.w} ${props.h}`)

src/components/BaseLevel.vue

@@ -7,8 +7,8 @@ export default defineComponent({
     mobile: Boolean,
     type: {
       type: String,
-      default: 'justify-between'
-    }
+      default: 'justify-between',
+    },
   },
   render() {
     const parentClass = [this.type, 'items-center']
@@ -22,7 +22,7 @@ export default defineComponent({
     return h(
       'div',
       {
-        class: parentClass.concat(this.mobile ? parentMobileClass : parentBaseClass)
+        class: parentClass.concat(this.mobile ? parentMobileClass : parentBaseClass),
       },
       this.$slots.default().map((element, index) => {
         const childClass =
@@ -31,8 +31,8 @@ export default defineComponent({
             : childBaseClass
 
         return h('div', { class: childClass }, [element])
-      })
+      }),
     )
-  }
+  },
 })
 </script>