Merge branch 'dev' into add-size-prop-to-formgroup

docs/content/1.getting-started/2.installation.md

@@ -8,6 +8,10 @@ description: 'Learn how to install and configure the module in your Nuxt app.'
 
 ::code-group
 
+```sh [pnpm]
+pnpm i -D @nuxthq/ui
+```
+
 ```bash [yarn]
 yarn add -D @nuxthq/ui
 ```
@@ -16,10 +20,6 @@ yarn add -D @nuxthq/ui
 npm install -D @nuxthq/ui
 ```
 
-```sh [pnpm]
-pnpm i -D @nuxthq/ui
-```
-
 ::
 
 2. Add it to your `modules` section in your `nuxt.config`:
@@ -131,4 +131,4 @@ Update your `package.json` to the following:
 }
 ```
 
-Then run `npm install` or `yarn install`.
+Then run `pnpm install`, `yarn install` or `npm install`.

src/runtime/components/data/Table.vue

@@ -109,7 +109,7 @@ export default defineComponent({
       default: () => ({})
     },
     sortButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.table.default.sortButton
     },
     sortAscIcon: {

src/runtime/components/navigation/CommandPalette.vue

@@ -138,7 +138,7 @@ export default defineComponent({
       default: () => appConfig.ui.commandPalette.default.selectedIcon
     },
     closeButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.commandPalette.default.closeButton
     },
     emptyState: {

src/runtime/components/navigation/Pagination.vue

@@ -82,19 +82,19 @@ export default defineComponent({
       }
     },
     activeButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.pagination.default.activeButton
     },
     inactiveButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.pagination.default.inactiveButton
     },
     prevButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.pagination.default.prevButton
     },
     nextButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.pagination.default.nextButton
     },
     divider: {

src/runtime/components/overlays/Notification.vue

@@ -81,11 +81,11 @@ export default defineComponent({
       default: () => appConfig.ui.notification.default.icon
     },
     avatar: {
-      type: Object as PropType<Partial<Avatar>>,
+      type: Object as PropType<Avatar>,
       default: null
     },
     closeButton: {
-      type: Object as PropType<Partial<Button>>,
+      type: Object as PropType<Button>,
       default: () => appConfig.ui.notification.default.closeButton
     },
     timeout: {

src/runtime/types/accordion.d.ts

@@ -1,6 +1,6 @@
 import type { Button } from './button'
 
-export interface AccordionItem extends Partial<Button> {
+export interface AccordionItem extends Button {
   slot?: string
   disabled?: boolean
   content?: string

src/runtime/types/avatar.d.ts

@@ -1,9 +1,9 @@
 export interface Avatar {
-  src: string | boolean
-  alt: string
-  text: string
-  size: string
-  chipColor: string
-  chipVariant: string
-  chipPosition: string
+  src?: string | boolean
+  alt?: string
+  text:? string
+  size?: string
+  chipColor?: string
+  chipVariant?: string
+  chipPosition?: string
 }

src/runtime/types/button.d.ts

@@ -1,18 +1,18 @@
 export interface Button {
-  type: string
-  block: boolean
-  label: string
-  loading: boolean
-  disabled: boolean
-  size: string
-  color: string
-  variant: string
-  icon: string
-  leadingIcon: string
-  trailingIcon: string
-  trailing: boolean
-  to: string | object
-  target: string
-  square: boolean
-  truncate: boolean
+  type?: string
+  block?: boolean
+  label?: string
+  loading?: boolean
+  disabled?: boolean
+  size?: string
+  color?: string
+  variant?: string
+  icon?: string
+  leadingIcon?: string
+  trailingIcon?: string
+  trailing?: boolean
+  to?: string | object
+  target?: string
+  square?: boolean
+  truncate?: boolean
 }

src/runtime/types/command-palette.d.ts

@@ -7,7 +7,7 @@ export interface Command {
   suffix?: string
   icon?: string
   iconClass?: string
-  avatar?: Partial<Avatar>
+  avatar?: Avatar
   chip?: string
   disabled?: boolean
   shortcuts?: string[]

src/runtime/types/dropdown.d.ts

@@ -6,7 +6,7 @@ export interface DropdownItem extends NuxtLinkProps {
   slot?: string
   icon?: string
   iconClass?: string
-  avatar?: Partial<Avatar>
+  avatar?: Avatar
   shortcuts?: string[]
   disabled?: boolean
   click?: Function

src/runtime/types/notification.d.ts

@@ -2,17 +2,17 @@ import type { Avatar } from './avatar'
 import type { Button } from './button'
 import appConfig from '#build/app.config'
 
-export interface NotificationAction extends Partial<Button> {
+export interface NotificationAction extends Button {
   click?: Function
 }
 
 export interface Notification {
   id: string
   title: string
-  description: string
+  description?: string
   icon?: string
-  avatar?: Partial<Avatar>
-  closeButton?: Partial<Button>
+  avatar?: Avatar
+  closeButton?: Button
   timeout: number
   actions?: NotificationAction[]
   click?: Function

src/runtime/types/vertical-navigation.d.ts

@@ -5,7 +5,7 @@ export interface VerticalNavigationLink extends NuxtLinkProps {
   label: string
   icon?: string
   iconClass?: string
-  avatar?: Partial<Avatar>
+  avatar?: Avatar
   click?: Function
   badge?: string | number
 }