daisy-ui-kit 2.1.8 → 2.1.10

package/components/Accordion.vue

@@ -1,9 +1,22 @@
 <script setup lang="ts">
-import { provide } from 'vue'
+import { computed, provide, ref } from 'vue'
 
-const value = defineModel({
-  required: true,
-  local: true,
+const props = defineProps<{
+  modelValue?: boolean
+}>()
+const emit = defineEmits(['update:modelValue'])
+
+const _value = ref(props.modelValue)
+watch(() => props.modelValue, (val) => {
+  _value.value = val
+})
+const value = computed({
+  get: () => _value.value,
+  set: (val) => {
+    _value.value = val
+    if (props.modelValue !== val)
+      emit('update:modelValue', val)
+  },
 })
 
 provide('accordion-value', value)

package/components/Code.vue

@@ -1,8 +1,8 @@
 <script>
+import { computed, onBeforeUpdate, onMounted, ref } from 'vue'
 import Prism from 'prismjs'
 import 'prismjs/themes/prism-okaidia.css'
 import { useClipboard } from '@vueuse/core'
-import { computed } from 'vue'
 
 export default {
   name: 'Code',

package/components/Dropdown.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
-import { computed, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { onClickOutside, syncRefs, useElementHover } from '@vueuse/core'
 
 const props = withDefaults(defineProps<{
+  open?: boolean
+
   position?: string
   top?: boolean
   bottom?: boolean
@@ -13,7 +15,6 @@ const props = withDefaults(defineProps<{
   hover?: boolean
   delayEnter?: number
   delayLeave?: number
-  open?: boolean
   closeOnClickOutside?: boolean
 }>(), {
   position: 'bottom',
@@ -23,9 +24,20 @@ const props = withDefaults(defineProps<{
   delayLeave: 300,
   closeOnClickOutside: false,
 })
-const isOpen = defineModel<boolean>('open', {
-  local: true,
-  default: false,
+const emit = defineEmits(['update:open'])
+
+// defineModel 'open'
+const _isOpen = ref(props.open)
+watch(() => props.open, (val) => {
+  _isOpen.value = val
+})
+const isOpen = computed({
+  get: () => _isOpen.value,
+  set: (val) => {
+    _isOpen.value = val
+    if (props.open !== val)
+      emit('update:open', val)
+  },
 })
 
 const classes = computed(() => {

package/components/Modal.vue

@@ -1,18 +1,30 @@
 <script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+
 const props = defineProps<{
   modelValue?: boolean
   closeOnClickOutside?: boolean
   top?: boolean
   bottom?: boolean
 }>()
+const emit = defineEmits(['update:modelValue'])
 
 const is = 'div'
 
-const isOpen = defineModel({
-  default: false,
-  local: true,
-  type: Boolean,
+// defineModel 'open'
+const _isOpen = ref(props.modelValue)
+watch(() => props.modelValue, (val) => {
+  _isOpen.value = val
+})
+const isOpen = computed({
+  get: () => _isOpen.value,
+  set: (val) => {
+    _isOpen.value = val
+    if (props.modelValue !== val)
+      emit('update:modelValue', val)
+  },
 })
+
 function handleClick() {
   if (props.closeOnClickOutside)
     isOpen.value = false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisy-ui-kit",
-  "version": "2.1.8",
+  "version": "2.1.10",
   "description": "",
   "scripts": {
     "build": "nuxi build",