jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v-model eslint

Browse Source
This commit is contained in:
vasu
2023-06-15 06:27:39 +05:30
parent 996064edae
commit 5b32943a4a
6 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.eslintrc.js
View File

@@ -20,5 +20,6 @@ module.exports = {
'comma-dangle': ['error', 'always-multiline'], 'comma-dangle': ['error', 'always-multiline'],
'no-multiple-empty-lines': 'error', 'no-multiple-empty-lines': 'error',
'object-curly-spacing': ['error', 'always'], 'object-curly-spacing': ['error', 'always'],
'vue/no-v-model-argument': 'off',
}, },
} }

2
docs/components/select/examples/DisabledSelect.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<Select v-model="selected" :options="countries" placeholder="You can't select" label="Select a country" :disabled="true" /> <Select v-model:value="selected" :options="countries" placeholder="You can't select" label="Select a country" :disabled="true" />
</div> </div>
</template> </template>

2
docs/components/select/examples/SelectExample.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<Select v-model="selected" :options="countries" label="Select a country" /> <Select v-model:value="selected" :options="countries" label="Select a country" />
</div> </div>
</template> </template>

6
docs/components/select/examples/SelectSize.vue
View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<Select v-model="selected" :options="countries" label="Select a country" size="lg" /> <Select v-model:value="selected" :options="countries" label="Select a country" size="lg" />
<Select v-model="selected" :options="countries" label="Select a country" size="md" /> <Select v-model:value="selected" :options="countries" label="Select a country" size="md" />
<Select v-model="selected" :options="countries" label="Select a country" size="sm" /> <Select v-model:value="selected" :options="countries" label="Select a country" size="sm" />
</div> </div>
</template> </template>

2
docs/components/select/examples/UnderlinedSelect.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<Select v-model="selected" :options="countries" label="Select a country" :underline="true" /> <Select v-model:value="selected" :options="countries" label="Select a country" :underline="true" />
</div> </div>
</template> </template>

6
src/components/Select/Select.vue
View File

@@ -18,7 +18,7 @@ import { toRefs } from 'vue'
import { useSelectClasses } from '@/components/Select/composables/useSelectClasses' import { useSelectClasses } from '@/components/Select/composables/useSelectClasses'
const props = defineProps({ const props = defineProps({
modelValue: { value: {
default: '', default: '',
}, },
label: { label: {
@@ -47,9 +47,9 @@ const props = defineProps({
}, },
}) })
const emit = defineEmits(['update:modelValue']) const emit = defineEmits(['update:value'])
const handelChange = (event: Event) => { const handelChange = (event: Event) => {
emit('update:modelValue', (event.target as HTMLInputElement).value) emit('update:value', (event.target as HTMLInputElement).value)
} }
const { selectClasses, underlineClasses, labelClasses } = useSelectClasses(toRefs(props)) const { selectClasses, underlineClasses, labelClasses } = useSelectClasses(toRefs(props))