@el7ven/cookie-kit 0.2.18 → 0.2.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@el7ven/cookie-kit",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",

package/src/vue/CookieConsent.vue

@@ -24,42 +24,33 @@
 
 <script setup>
 import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
-import { useCookieKit } from './index.js'
+import { useCookieKitVue, DEFAULT_CONFIG } from './index.js'
 import CookieDrawer from './CookieDrawer.vue'
 
 // Props for customization
 const props = defineProps({
   config: {
     type: Object,
-    default: () => ({
-      categories: {
-        necessary: { required: true, enabled: true, name: 'Essential Cookies' },
-        analytics: { required: false, enabled: true, name: 'Analytics Cookies' },
-        marketing: { required: false, enabled: false, name: 'Marketing Cookies' }
-      },
-      consentExpireDays: 365,
-      version: '0.2.0',
-      theme: 'light'
-    })
+    default: () => DEFAULT_CONFIG
   }
 })
 
-// Use the new composable
+// Use the Vue composable
 const {
   consent,
   acceptAll,
   rejectAll,
-  acceptCategory,
-  hasConsent,
+  acceptSelected,
+  hasConsented,
   hasCategoryConsent
-} = useCookieKit(props.config)
+} = useCookieKitVue(props.config)
 
 // Local state
-const isVisible = computed(() => !consent.value?.hasConsented)
+const isVisible = computed(() => !hasConsented.value)
 const isSettingsMode = ref(false)
 const currentTab = ref('privacy')
-const categories = ref(props.config.categories)
-const consentVersion = computed(() => props.config.version || '0.2.0')
+const categories = computed(() => consent.value?.categories || props.config.categories)
+const consentVersion = computed(() => props.config.version || '1.0.0')
 const capabilities = computed(() => ({}))
 const isV2 = computed(() => true)
 const theme = computed(() => props.config.theme || 'light')
@@ -89,13 +80,11 @@ const closeSettings = () => {
 }
 
 const acceptSelection = () => {
-  // Save current category states
-  Object.keys(categories.value).forEach(id => {
-    const isEnabled = categories.value[id]?.enabled
-    if (isEnabled !== undefined) {
-      acceptCategory(id, isEnabled)
-    }
-  })
+  // Get selected category IDs
+  const selectedIds = Object.keys(categories.value)
+    .filter(id => categories.value[id]?.enabled)
+  
+  acceptSelected(selectedIds)
 }
 
 const selectTab = (tabId) => {