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'],
'no-multiple-empty-lines': 'error',
'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>
<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>
</template>

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

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

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

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

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

@@ -1,6 +1,6 @@
<template>
<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>
</template>

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

@@ -18,7 +18,7 @@ import { toRefs } from 'vue'
import { useSelectClasses } from '@/components/Select/composables/useSelectClasses'
const props = defineProps({
modelValue: {
value: {
default: '',
},
label: {
@@ -47,9 +47,9 @@ const props = defineProps({
},
})
const emit = defineEmits(['update:modelValue'])
const emit = defineEmits(['update:value'])
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))