feat: add "isModalForced" to ModuleOptions

README.md

@@ -171,6 +171,9 @@ isIframeBlocked: false,
 //   initialState: false
 // },
 
+// Switch to toggle the modal being shown right away, requiring a user's decision.
+isModalForced: false,
+
 // The domain to set cookies on.
 // This is useful in case you have subdomains (shop.yourdomain.com)
 domain: 'yourdomain.com',

src/runtime/components/CookieControl.vue

@@ -3,7 +3,7 @@
     <section class="cookieControl">
       <transition :name="`cookieControl__Bar--${moduleOptions.barPosition}`">
         <div
-          v-if="!isConsentGiven"
+          v-if="!isConsentGiven && !moduleOptions.isModalForced"
           :class="`cookieControl__Bar cookieControl__Bar--${moduleOptions.barPosition}`"
         >
           <div class="cookieControl__BarContainer">
@@ -53,6 +53,7 @@
             <div class="cookieControl__ModalContentInner">
               <slot name="modal" />
               <button
+                v-if="!moduleOptions.isModalForced"
                 class="cookieControl__ModalClose"
                 @click="isModalActive = false"
                 v-text="localeStrings?.close"
@@ -166,6 +167,7 @@
                   v-text="localeStrings?.acceptAll"
                 />
                 <button
+                  v-if="!moduleOptions.isModalForced"
                   @click="
                     () => {
                       declineAll()
@@ -337,6 +339,10 @@ onBeforeMount(() => {
       }
     }
   }
+
+  if (moduleOptions.isModalForced && !isConsentGiven.value) {
+    isModalActive.value = true
+  }
 })
 watch(
   () => cookiesEnabled.value,

src/runtime/types.ts

@@ -87,6 +87,7 @@ export interface ModuleOptions {
   isCssPonyfillEnabled: boolean
   isDashInDescriptionEnabled: boolean
   isIframeBlocked: boolean | { initialState: boolean }
+  isModalForced: boolean
   locales: Locale[]
   localeTexts: PartialRecord<Locale, Partial<LocaleStrings>>
 }
@@ -135,6 +136,7 @@ export const DEFAULTS: Required<ModuleOptions> = {
   isCssPonyfillEnabled: false,
   isDashInDescriptionEnabled: true,
   isIframeBlocked: false,
+  isModalForced: false,
   domain: '',
   locales: ['en'],
   localeTexts: { en },