@saasmakers/ui 0.1.62 → 0.1.64

package/app/components/bases/BaseAlert.vue

@@ -14,6 +14,11 @@ const emit = defineEmits<{
   close: [event: MouseEvent]
 }>()
 
+defineSlots<{
+  buttons?: () => VNode[]
+  default?: () => VNode[]
+}>()
+
 const { t } = useI18n()
 
 const isClosed = ref(false)

package/app/components/bases/BaseAvatar.vue

@@ -18,6 +18,10 @@ const emit = defineEmits<{
   click: [event: MouseEvent]
 }>()
 
+defineSlots<{
+  bottom?: () => VNode[]
+}>()
+
 const { createToast } = useToasts()
 
 const hovered = ref(false)

package/app/components/bases/BaseBordered.vue

@@ -8,6 +8,10 @@ withDefaults(defineProps<BaseBordered>(), {
   shadow: false,
   title: '',
 })
+
+defineSlots<{
+  default?: () => VNode[]
+}>()
 </script>
 
 <template>

package/app/components/bases/BaseButton.vue

@@ -27,6 +27,10 @@ const emit = defineEmits<{
   confirm: [event: MouseEvent, id?: number | string]
 }>()
 
+defineSlots<{
+  default?: () => VNode[]
+}>()
+
 const confirming = ref(false)
 
 const { t } = useI18n()

package/app/components/bases/BaseHeading.vue

@@ -6,6 +6,10 @@ withDefaults(defineProps<BaseHeading>(), {
   size: 'base',
   tag: 'h1',
 })
+
+defineSlots<{
+  default?: () => VNode[]
+}>()
 </script>
 
 <template>

package/app/components/bases/BaseMessage.vue

@@ -7,6 +7,11 @@ withDefaults(defineProps<BaseMessage>(), {
   legend: '',
   title: '',
 })
+
+defineSlots<{
+  animation?: () => VNode[]
+  default?: () => VNode[]
+}>()
 </script>
 
 <template>

package/app/components/bases/BaseOverlay.vue

@@ -18,6 +18,10 @@ const emit = defineEmits<{
   close: [event: MouseEvent]
 }>()
 
+defineSlots<{
+  default?: () => VNode[]
+}>()
+
 const { fadeIn } = useMotion()
 
 function onClick(event: MouseEvent) {

package/app/components/bases/BaseParagraph.vue

@@ -5,6 +5,10 @@ withDefaults(defineProps<BaseParagraph>(), {
   alignment: 'left',
   size: 'base',
 })
+
+defineSlots<{
+  default?: () => VNode[]
+}>()
 </script>
 
 <template>

package/app/components/bases/BaseQuote.vue

@@ -21,6 +21,13 @@ const emit = defineEmits<{
   close: [event: MouseEvent]
 }>()
 
+defineSlots<{
+  bottom?: () => VNode[]
+  default?: () => VNode[]
+  left?: () => VNode[]
+  right?: () => VNode[]
+}>()
+
 const { locale, t } = useI18n()
 const slots = useSlots()
 const { translatedContent } = useTranslation(slots, locale)

package/app/components/bases/BaseTag.vue

@@ -33,6 +33,10 @@ const emit = defineEmits<{
   remove: [event: MouseEvent, id?: number | string]
 }>()
 
+defineSlots<{
+  default?: () => VNode[]
+}>()
+
 const hovered = ref(false)
 
 const form = reactive({ name: '' })
@@ -145,10 +149,10 @@ function onRemove(event: MouseEvent) {
       </span>
 
       <span
-        v-if="$slots.left"
+        v-if="$slots.default"
         class="mr-1"
       >
-        <slot name="left" />
+        <slot />
       </span>
 
       <BaseText

package/app/components/bases/BaseText.vue

@@ -22,6 +22,10 @@ const emit = defineEmits<{
   click: [event: MouseEvent]
 }>()
 
+defineSlots<{
+  default?: () => VNode[]
+}>()
+
 const showAll = ref(false)
 
 const { t } = useI18n()

package/app/components/fields/FieldInput.vue

@@ -35,6 +35,12 @@ const emit = defineEmits<{
   'update:modelValue': [value: number | string ]
 }>()
 
+defineSlots<{
+  inputLeft?: () => VNode[]
+  inputRight?: () => VNode[]
+  label?: () => VNode[]
+}>()
+
 const input = ref<HTMLInputElement>()
 const uuid = ref(`${Math.floor((1 + Math.random()) * 0x100000)}`)
 

package/nuxt.config.ts

@@ -12,7 +12,12 @@ export default defineNuxtConfig({
 
   experimental: { typedPages: true },
 
-  typescript: { tsConfig: { compilerOptions: { noUncheckedIndexedAccess: false } } },
+  typescript: {
+    tsConfig: {
+      compilerOptions: { noUncheckedIndexedAccess: false },
+      vueCompilerOptions: { strictTemplates: true },
+    },
+  },
 
   // --> COMPONENTS, CSS, MODULES & PLUGINS <--
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasmakers/ui",
   "type": "module",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -28,6 +28,7 @@
     "typecheck": "nuxi typecheck"
   },
   "peerDependencies": {
+    "@saasmakers/shared": "^0.1.0",
     "nuxt": "4.2.1"
   },
   "dependencies": {
@@ -39,7 +40,6 @@
     "@nuxtjs/robots": "5.5.6",
     "@nuxtjs/sitemap": "7.4.7",
     "@pinia/nuxt": "0.11.2",
-    "@saasmakers/shared": "workspace:*",
     "@unocss/nuxt": "66.5.4",
     "@unocss/reset": "66.5.10",
     "@vuelidate/core": "2.0.3",
@@ -58,6 +58,7 @@
     "vue-router": "4.6.3"
   },
   "devDependencies": {
+    "@saasmakers/shared": "workspace:*",
     "nuxt": "4.2.1",
     "typescript": "5.9.3"
   }