pull/7366/head
Cagatay Civici 2025-03-04 10:12:58 +03:00
commit 5d8684ce81
13 changed files with 272 additions and 305 deletions

View File

@ -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 />
<Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
<AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" fluid />
<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" />
<Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
<AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
<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" />
<Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
<AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
<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" />
<Message v-if="$form.country?.invalid" severity="error" size="small" variant="simple">{{ $form.country.error?.message }}</Message>
<AutoComplete name="country.name" optionLabel="name" :suggestions="filteredCountries" @complete="search" />
<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>

View File

@ -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 @@
}
}
}
}
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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

File diff suppressed because it is too large Load Diff