@saasmakers/ui 0.1.116 → 0.1.117

package/app/components/bases/BaseAlert.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { Preferences } from '@capacitor/preferences'
 import type { BaseAlert } from '../../types/bases'
+import { Preferences } from '@capacitor/preferences'
 
 const props = withDefaults(defineProps<BaseAlert>(), {
   closingId: '',

package/app/components/bases/BaseAvatar.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { BaseAvatar } from '../../types/bases'
+import { NuxtLinkLocale } from '#components'
 
 const props = withDefaults(defineProps<BaseAvatar>(), {
   bordered: true,

package/app/components/bases/BaseButton.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { BaseButton } from '../../types/bases'
+import { NuxtLinkLocale } from '#components'
 
 const props = withDefaults(defineProps<BaseButton>(), {
   background: true,

package/app/components/bases/BaseChart.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { BarChart, LineChart, PieChart } from 'chartist'
 import type { BaseChart } from '../../types/bases'
+import { BarChart, LineChart, PieChart } from 'chartist'
 
 const properties = withDefaults(defineProps<BaseChart>(), {
   data: () => ({

package/app/components/bases/BaseHeading.stories.ts

@@ -39,7 +39,7 @@ export default {
 
 export const Default: StoryObj<typeof BaseHeading> = {
   args: { tag: 'h1' } satisfies Partial<BaseHeading>,
-  render: (args) => ({
+  render: args => ({
     components: { BaseHeading },
     setup() {
       return { args }

package/app/components/bases/BaseIcon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { BaseIcon } from '../../types/bases'
+import { NuxtLinkLocale } from '#components'
 
 const props = withDefaults(defineProps<BaseIcon>(), {
   bold: false,
@@ -48,7 +48,7 @@ const statusIcon = computed<string | undefined>(() => {
       return getIcon('exclamationCircle')
     }
     default: {
-      return
+      return undefined
     }
   }
 })
@@ -68,7 +68,7 @@ const statusColor = computed<BaseColor | undefined>(() => {
       return 'orange'
     }
     default: {
-      return
+      return undefined
     }
   }
 })

package/app/components/bases/BaseMetric.vue

@@ -24,7 +24,7 @@ const performanceIcon = computed<string | undefined>(() => {
       return getIcon('arrowUp')
     }
     default: {
-      return
+      return undefined
     }
   }
 })

package/app/components/bases/BaseOverlay.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import type { BaseOverlay } from '../../types/bases'
 import { onKeyStroke } from '@vueuse/core'
 import { Motion } from 'motion-v'
-import type { BaseOverlay } from '../../types/bases'
 import useMotion from '../../composables/useMotion'
 
 const props = withDefaults(defineProps<BaseOverlay>(), {

package/app/components/bases/BaseParagraph.stories.ts

@@ -26,7 +26,7 @@ export default {
 
 export const Default: StoryObj<typeof BaseParagraph> = {
   args: {},
-  render: (args) => ({
+  render: args => ({
     components: { BaseParagraph },
     setup() {
       return { args }

package/app/components/bases/BaseQuote.stories.ts

@@ -53,7 +53,7 @@ export default {
 
 export const Default: StoryObj<typeof BaseQuote> = {
   args: {},
-  render: (args) => ({
+  render: args => ({
     components: { BaseQuote },
     setup() {
       return { args }

package/app/components/bases/BaseTag.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { BaseTag } from '../../types/bases'
+import { NuxtLinkLocale } from '#components'
 
 const props = withDefaults(defineProps<BaseTag>(), {
   active: false,

package/app/components/bases/BaseTags.vue

@@ -53,7 +53,7 @@ const sortedTags = computed({
         id: tag.id,
         order,
       }))
-      .map((tag) => ({
+      .map(tag => ({
         id: tag.id,
         order: tag.order,
       }))

package/app/components/bases/BaseText.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { BaseText } from '../../types/bases'
+import { NuxtLinkLocale } from '#components'
 
 const props = withDefaults(defineProps<BaseText>(), {
   alignment: undefined,

package/app/components/fields/FieldEmojis.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import type { FieldEmojis } from '../../types/fields'
 import { emojis } from '@saasmakers/shared'
 import { refDebounced } from '@vueuse/core'
-import type { FieldEmojis } from '../../types/fields'
 
 const props = withDefaults(defineProps<Omit<FieldEmojis, 'modelValue'>>(), { disabled: false })
 
@@ -31,7 +31,7 @@ const emojisFiltered = computed(() => {
         const englishKeywords = (emoji.keywords.en ?? [])
         const allKeywords = [...localizedKeywords, ...englishKeywords]
 
-        return allKeywords.some((keyword) => normalizeText(keyword).includes(searchQueryCleaned))
+        return allKeywords.some(keyword => normalizeText(keyword).includes(searchQueryCleaned))
       })
 
       return {
@@ -39,7 +39,7 @@ const emojisFiltered = computed(() => {
         emojis: filtered,
       }
     })
-    .filter((category) => category.emojis.length > 0)
+    .filter(category => category.emojis.length > 0)
 })
 
 function onEmojiClick(event: MouseEvent, emoji?: string) {

package/app/components/fields/FieldMessage.vue

@@ -78,6 +78,8 @@ const validationMessage = computed(() => {
       }
     }
   }
+
+  return ''
 })
 
 const status = computed(() => {

package/app/components/fields/FieldSelect.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { vOnClickOutside } from '@vueuse/components'
 import type { FieldSelect, FieldSelectOption } from '../../types/fields'
+import { vOnClickOutside } from '@vueuse/components'
 
 const props = withDefaults(defineProps<Omit<FieldSelect, 'modelValue'>>(), {
   border: 'full',
@@ -36,14 +36,6 @@ const modelValue = defineModel<FieldSelect['modelValue']>({ default: '' })
 
 const opened = ref(false)
 
-const computedColumns = computed(() => {
-  if (props.columns.length > 0) {
-    return props.columns
-  }
-
-  return [{ options: computedOptions.value }]
-})
-
 const computedOptions = computed(() => {
   const options: FieldSelectOption[] = []
 
@@ -64,6 +56,14 @@ const computedOptions = computed(() => {
   return options
 })
 
+const computedColumns = computed(() => {
+  if (props.columns.length > 0) {
+    return props.columns
+  }
+
+  return [{ options: computedOptions.value }]
+})
+
 const selectedOption = computed(() => {
   return computedOptions.value.find((option) => {
     return option.value === modelValue.value

package/app/components/fields/FieldTabs.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { NuxtLinkLocale } from '#components'
 import type { FieldTabs, FieldTabsAction } from '../../types/fields'
+import { NuxtLinkLocale } from '#components'
 
 withDefaults(defineProps<Omit<FieldTabs, 'modelValue'>>(), {
   disabled: false,

package/app/composables/useChartist.ts

@@ -50,7 +50,6 @@ export default function useChartist() {
           // Clean up the dash attributes after it finishes
           const total = delay + duration + (stagger ? stagger * (lineCtx.seriesIndex ?? 0) : 0)
 
-          // eslint-disable-next-line sonarjs/no-nested-functions
           globalThis.setTimeout(() => {
             lineCtx.element.attr({
               'stroke-dasharray': undefined,
@@ -64,7 +63,7 @@ export default function useChartist() {
           const areaCtx = ctx as AreaDrawEvent
 
           areaCtx.element.animate({
-            // eslint-disable-next-line id-length -- SVG path attribute
+
             d: {
               begin,
               dur: duration,

package/app/composables/useDevice.ts

@@ -1,4 +1,3 @@
-/* eslint-disable n/no-unsupported-features/node-builtins */
 export default function useDevice() {
   const isDesktopBrowser = computed(() => {
     if (typeof navigator === 'undefined') {

package/app/composables/useLayerUtils.ts

@@ -1,13 +1,13 @@
 import numbroLib from 'numbro'
 
-const normalizeText = (text: string) => {
+function normalizeText(text: string) {
   return text
     .toLowerCase()
     .normalize('NFD')
     .replaceAll(/[\u0300-\u036F]/g, '')
 }
 
-const numbro = (number: '∞' | number | undefined, format?: string) => {
+function numbro(number: '∞' | number | undefined, format?: string) {
   if (!number && number !== 0) {
     return ''
   }

package/app/composables/useToasts.ts

@@ -20,7 +20,6 @@ export default function useToast() {
   const createToast = (message: string, status: BaseStatus = 'success', i18nParams?: Record<string, number | string>) => {
     if (import.meta.client) {
       const toast: BaseToast = {
-        // eslint-disable-next-line n/no-unsupported-features/node-builtins
         id: crypto.randomUUID(),
         status: status || 'success',
         text: message.includes(' ') ? message : nuxtApp.$i18n.t(`toasts.${message}`, i18nParams || {}),

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@saasmakers/ui",
-  "version": "0.1.116",
+  "type": "module",
+  "version": "0.1.117",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
+  "author": "SaaS Makers",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/saasmakers/saasmakers-turborepo.git",
     "directory": "packages/ui"
   },
-  "license": "MIT",
-  "author": "SaaS Makers",
   "sideEffects": false,
-  "type": "module",
   "exports": {
     ".": "./nuxt.config.ts"
   },
@@ -22,6 +22,10 @@
     "public",
     "uno.config.ts"
   ],
+  "peerDependencies": {
+    "@saasmakers/shared": "^0.1.17",
+    "nuxt": "4.2.2"
+  },
   "dependencies": {
     "@capacitor/preferences": "8.0.0",
     "@nuxt/icon": "2.1.1",
@@ -54,11 +58,7 @@
   "devDependencies": {
     "nuxt": "4.2.2",
     "typescript": "5.9.3",
-    "@saasmakers/shared": "0.1.16"
-  },
-  "peerDependencies": {
-    "@saasmakers/shared": "^0.1.16",
-    "nuxt": "4.2.2"
+    "@saasmakers/shared": "0.1.17"
   },
   "publishConfig": {
     "access": "public"

package/uno.config.ts

@@ -24,7 +24,6 @@ export const rules: [string, Record<string, string>][] = [
 export const shortcuts: Record<string, string> = { 'field-disabled': 'opacity-50 cursor-not-allowed' }
 
 export const theme = {
-  /* eslint-disable perfectionist/sort-objects */
   container: {
     center: true,
 
@@ -42,7 +41,6 @@ export const theme = {
       'xl': '1280px',
     },
   },
-  /* eslint-enable perfectionist/sort-objects */
 
   colors: {
     black: '#000000',
@@ -171,7 +169,6 @@ export const theme = {
     },
   },
 
-  /* eslint-disable perfectionist/sort-objects */
   fontSize: {
     '3xs': ['0.5rem', '0.875rem'],
     '2xs': ['0.625rem', '1rem'],
@@ -184,14 +181,11 @@ export const theme = {
     '3xl': ['1.875rem', '2.5rem'],
     '4xl': ['2.25rem', '3rem'],
   },
-  /* eslint-enable perfectionist/sort-objects */
 }
 
-/* eslint-disable nuxt/nuxt-config-keys-order */
 export default defineConfig({
   presets,
   rules,
   shortcuts,
   theme,
 })
-/* eslint-enable nuxt/nuxt-config-keys-order */