Merge branch 'master' of https://github.com/primefaces/primevue

apps/showcase/doc/autocomplete/FormsDoc.vue

@@ -5,8 +5,8 @@
     <div class="card flex justify-center">
         <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex justify-center flex-col gap-4 w-full md:w-56">
             <div class="flex flex-col gap-1">
-                <AutoComplete name="country" optionLabel="name" :suggestions="filteredCountries" @complete="search" fluid />
+                <AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" fluid />
-                <Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
+                <Message v-if="$form.country?.name?.invalid" severity="error" size="small" variant="simple">{{ $form.country.name.error?.message }}</Message>
             </div>
             <Button type="submit" severity="secondary" label="Submit" />
         </Form>
@@ -41,8 +41,8 @@ export default {
                 basic: `
 <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex justify-center flex-col gap-4 w-full md:w-56">
     <div class="flex flex-col gap-1">
-        <AutoComplete name="country" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
+        <AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
-        <Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
+        <Message v-if="$form.country?.name?.invalid" severity="error" size="small" variant="simple">{{ $form.country.name.error?.message }}</Message>
     </div>
     <Button type="submit" severity="secondary" label="Submit" />
 </Form>
@@ -52,8 +52,8 @@ export default {
     <div class="card flex justify-center">
         <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex justify-center flex-col gap-4 w-full md:w-56">
             <div class="flex flex-col gap-1">
-                <AutoComplete name="country" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
+                <AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
-                <Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
+                <Message v-if="$form.country?.name?.invalid" severity="error" size="small" variant="simple">{{ $form.country.name.error?.message }}</Message>
             </div>
             <Button type="submit" severity="secondary" label="Submit" />
         </Form>
@@ -116,8 +116,8 @@ export default {
     <div class="card flex justify-center">
         <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex justify-center flex-col gap-4 w-full md:w-56">
             <div class="flex flex-col gap-1">
-                <AutoComplete name="country" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
+                <AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
-                <Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
+                <Message v-if="$form.country?.name?.invalid" severity="error" size="small" variant="simple">{{ $form.country.name.error?.message }}</Message>
             </div>
             <Button type="submit" severity="secondary" label="Submit" />
         </Form>

apps/showcase/doc/common/apidoc/index.json

@@ -8247,7 +8247,7 @@
                             "name": "iconPos",
                             "optional": true,
                             "readonly": false,
-                            "type": "\"left\" | \"right\" | \"top\" | \"bottom\"",
+                            "type": "HintedString<\"left\" | \"right\" | \"top\" | \"bottom\">",
                             "default": "left",
                             "description": "Position of the icon."
                         },
@@ -8367,7 +8367,7 @@
                             "name": "size",
                             "optional": true,
                             "readonly": false,
-                            "type": "\"small\" | \"large\"",
+                            "type": "HintedString<\"small\" | \"large\">",
                             "default": "",
                             "description": "Defines the size of the button."
                         },
@@ -8375,7 +8375,7 @@
                             "name": "variant",
                             "optional": true,
                             "readonly": false,
-                            "type": "\"outlined\" | \"text\" | \"link\"",
+                            "type": "HintedString<\"outlined\" | \"text\" | \"link\">",
                             "default": "undefined",
                             "description": "Specifies the variant of the component."
                         },

packages/nuxt-module/README.md

@@ -23,6 +23,7 @@ My new Nuxt module for doing amazing things.
 ## Features
 
 <!-- Highlight some of the features your module provide here -->
+
 - ⛰ &nbsp;Foo
 - 🚠 &nbsp;Bar
 - 🌲 &nbsp;Baz
@@ -37,7 +38,6 @@ npx nuxi module add my-module
 
 That's it! You can now use My Module in your Nuxt app ✨
 
-
 ## Contribution
 
 <details>
@@ -69,16 +69,13 @@ That's it! You can now use My Module in your Nuxt app ✨
 
 </details>
 
-
 <!-- Badges -->
+
 [npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
 [npm-version-href]: https://npmjs.com/package/my-module
-
 [npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
 [npm-downloads-href]: https://npm.chart.dev/my-module
-
 [license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
 [license-href]: https://npmjs.com/package/my-module
-
 [nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
 [nuxt-href]: https://nuxt.com

packages/nuxt-module/test/basic.test.ts

@@ -1,15 +1,15 @@
-import { fileURLToPath } from 'node:url'
+import { fileURLToPath } from 'node:url';
-import { describe, it, expect } from 'vitest'
+import { describe, it, expect } from 'vitest';
-import { setup, $fetch } from '@nuxt/test-utils/e2e'
+import { setup, $fetch } from '@nuxt/test-utils/e2e';
 
 describe('ssr', async () => {
     await setup({
-    rootDir: fileURLToPath(new URL('./fixtures/basic', import.meta.url)),
+        rootDir: fileURLToPath(new URL('./fixtures/basic', import.meta.url))
-  })
+    });
 
     it('renders the index page', async () => {
         // Get response to a server-rendered page with `$fetch`.
-    const html = await $fetch('/')
+        const html = await $fetch('/');
-    expect(html).toContain('<div>basic</div>')
+        expect(html).toContain('<div>basic</div>');
-  })
+    });
-})
+});

packages/nuxt-module/test/fixtures/basic/nuxt.config.ts

@@ -1,7 +1,5 @@
-import MyModule from '../../../src/module'
+import MyModule from '../../../src/module';
 
 export default defineNuxtConfig({
-  modules: [
+    modules: [MyModule]
-    MyModule,
+});
-  ],
-})

packages/primevue/src/autocomplete/AutoComplete.vue

@@ -702,8 +702,6 @@ export default {
                     this.hide();
                 }
             }
-
-            event.preventDefault();
         },
         onEscapeKey(event) {
             this.overlayVisible && this.hide(true);

packages/primevue/src/button/Button.d.ts

@@ -103,7 +103,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Position of the icon.
      * @defaultValue left
      */
-    iconPos?: 'left' | 'right' | 'top' | 'bottom' | undefined;
+    iconPos?: HintedString<'left' | 'right' | 'top' | 'bottom'> | undefined;
     /**
      * Style class of the icon.
      */
@@ -171,12 +171,12 @@ export interface ButtonProps extends ButtonHTMLAttributes {
     /**
      * Defines the size of the button.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * Specifies the variant of the component.
      * @defaultValue undefined
      */
-    variant?: 'outlined' | 'text' | 'link' | undefined;
+    variant?: HintedString<'outlined' | 'text' | 'link'> | undefined;
     /**
      * Add a plain textual class to the button without a background initially.
      * @defaultValue false