daisy-ui-kit 1.0.4 → 1.0.6

package/components/Drawer.vue

@@ -1,19 +1,20 @@
 <script setup lang="ts">
 import { inject } from 'vue'
+import { drawerStateKey } from './drawer-utils'
 
 interface DrawerState {
   isDrawerOpen: boolean
-  openDrawer: Function
-  closeDrawer: Function
-  toggleDrawer: Function
+  openDrawer: () => void
+  closeDrawer: () => void
+  toggleDrawer: () => void
 }
 
-const drawerState: DrawerState = inject('drawerState')
+const drawerState: DrawerState | undefined = inject(drawerStateKey)
 </script>
 
 <template>
   <div class="drawer-side">
-    <div class="drawer-overlay" @click="() => drawerState.closeDrawer()" />
+    <div class="drawer-overlay" @click="() => drawerState?.closeDrawer()" />
     <slot v-bind="drawerState" />
   </div>
 </template>

package/components/DrawerLayout.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
+import { computed, provide, reactive } from 'vue'
+import { drawerStateKey } from './drawer-utils'
 
 const props = defineProps({
   right: Boolean,
@@ -17,7 +18,8 @@ const drawerState = reactive({
     drawerState.isDrawerOpen = !drawerState.isDrawerOpen
   },
 })
-provide('drawerState', drawerState)
+
+provide(drawerStateKey, drawerState)
 
 const classes = computed(() => {
   return {

package/components/DrawerLayoutContent.vue

@@ -1,7 +1,15 @@
 <script setup lang="ts">
 import { inject } from 'vue'
+import { drawerStateKey } from './drawer-utils'
 
-const drawerState = inject('drawerState')
+interface DrawerState {
+  isDrawerOpen: boolean
+  openDrawer: () => void
+  closeDrawer: () => void
+  toggleDrawer: () => void
+}
+
+const drawerState: DrawerState | undefined = inject(drawerStateKey)
 </script>
 
 <template>

package/components/drawer-utils.ts

@@ -0,0 +1,10 @@
+import type { InjectionKey } from 'vue'
+
+export interface DrawerState {
+  isDrawerOpen: boolean
+  openDrawer: () => void
+  closeDrawer: () => void
+  toggleDrawer: () => void
+}
+
+export const drawerStateKey = Symbol('drawerState') as InjectionKey<DrawerState>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisy-ui-kit",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "scripts": {
     "build": "nuxi build",
@@ -19,42 +19,42 @@
     "nuxt.js"
   ],
   "dependencies": {
-    "@vueuse/core": "^9.12.0",
+    "@vueuse/core": "^9.13.0",
     "prismjs": "^1.29.0"
   },
   "peerDependencies": {
     "daisyui": "^2.13.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.35.1",
-    "@headlessui/vue": "^1.7.9",
-    "@heroicons/vue": "^2.0.14",
-    "@iconify/json": "^2.2.16",
+    "@antfu/eslint-config": "^0.36.0",
+    "@headlessui/vue": "^1.7.12",
+    "@heroicons/vue": "^2.0.16",
+    "@iconify/json": "^2.2.36",
     "@nuxt/kit": "@nuxt/kit",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@nuxtjs/tailwindcss": "^6.3.1",
-    "@pinia/nuxt": "^0.4.6",
+    "@nuxtjs/tailwindcss": "^6.6.0",
+    "@pinia/nuxt": "^0.4.7",
     "@popperjs/core": "^2.11.6",
     "@rovit/popper": "^3.9.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.9",
-    "@vueuse/nuxt": "^9.12.0",
-    "autoprefixer": "^10.4.13",
+    "@vueuse/nuxt": "^9.13.0",
+    "autoprefixer": "^10.4.14",
     "cookie": "^0.5.0",
-    "daisyui": "^2.50.0",
-    "eslint": "^8.33.0",
+    "daisyui": "^2.51.4",
+    "eslint": "^8.36.0",
     "feathers-pinia": "^0.36.5",
     "mobile-detect": "^1.4.5",
-    "nuxt": "^3.1.2",
-    "nuxt-icon": "^0.2.10",
+    "nuxt": "^3.3.1",
+    "nuxt-icon": "^0.3.3",
     "ohmyfetch": "^0.4.21",
-    "pinia": "^2.0.30",
+    "pinia": "^2.0.33",
     "postcss": "^8.4.21",
-    "tailwindcss": "^3.2.4",
-    "typescript": "^4.9.5",
-    "unplugin-icons": "^0.15.2",
+    "tailwindcss": "^3.2.7",
+    "typescript": "^5.0.2",
+    "unplugin-icons": "^0.15.3",
     "vue": "^3.2.47"
   }
 }