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."
                         },
@@ -80007,4 +80007,4 @@
             }
         }
     }
-}
+}

apps/volt/components/doc/codeeditor/templates.js

@@ -51,10 +51,10 @@ const getVueApp = (props = {}, sourceType) => {
         ? embedded
             ? extFiles['composition']
             : extFiles[sourceType.language]
-            ? { ...extFiles[sourceType.language] }
+              ? { ...extFiles[sourceType.language] }
-            : Object.keys(extFiles)
+              : Object.keys(extFiles)
-                  .filter((k) => !sourceTypes.includes(k))
+                    .filter((k) => !sourceTypes.includes(k))
-                  .reduce((result, current) => (result[current] = extFiles[current]) && result, {})
+                    .reduce((result, current) => (result[current] = extFiles[current]) && result, {})
         : {};
 
     if (deps !== null && component !== null) {

apps/volt/tsconfig.json

@@ -1,4 +1,4 @@
 {
-  // https://nuxt.com/docs/guide/concepts/typescript
+    // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+    "extends": "./.nuxt/tsconfig.json"
 }

packages/nuxt-module/README.md

@@ -17,12 +17,13 @@ Find and replace all on all files (CMD+SHIFT+F):
 My new Nuxt module for doing amazing things.
 
 - [✨  Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+    <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
-<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+    <!-- - [📖 &nbsp;Documentation](https://example.com) -->
 
 ## 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/playground/server/tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": "../.nuxt/tsconfig.server.json"
+    "extends": "../.nuxt/tsconfig.server.json"
 }

packages/nuxt-module/playground/tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": "./.nuxt/tsconfig.json"
+    "extends": "./.nuxt/tsconfig.json"
 }

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({
+    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 () => {
+    it('renders the index page', async () => {
-    // Get response to a server-rendered page with `$fetch`.
+        // 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/nuxt-module/test/fixtures/basic/package.json

@@ -1,5 +1,5 @@
 {
-  "private": true,
+    "private": true,
-  "name": "basic",
+    "name": "basic",
-  "type": "module"
+    "type": "module"
 }

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