feat(ponyfill)!: disable by default and rename

BREAKING CHANGE:
- rename module option `isCssPolyfillEnabled` to `isCssPonyfillEnabled`
- set module option `isCssPonyfillEnabled` default to `false`

Author: dargmuesli

README.md

@@ -162,8 +162,8 @@ isCookieIdVisible: false,
 // If css is set to false, you will still be able to access your color variables.
 isCssEnabled: true,
 
-// Switch to toggle the css variables polyfill.
-isCssPolyfillEnabled: true,
+// Switch to toggle the css variables ponyfill.
+isCssPonyfillEnabled: false,
 
 // Switch to toggle the separation of cookie name and description in the configuration modal by a dash.
 isDashInDescriptionEnabled: true,

src/runtime/components/CookieControl.vue

@@ -295,7 +295,7 @@ onBeforeMount(async () => {
       variables[`cookie-control-${key}`] = `${moduleOptions.colors[key]}`
     }
 
-    if (moduleOptions.isCssPolyfillEnabled) {
+    if (moduleOptions.isCssPonyfillEnabled) {
       const module = await import('css-vars-ponyfill')
       const cssVars = module.default
       cssVars({ variables })

src/runtime/types.ts

@@ -74,7 +74,7 @@ export interface ModuleOptions {
   isControlButtonEnabled: boolean
   isCookieIdVisible: boolean
   isCssEnabled: boolean
-  isCssPolyfillEnabled: boolean
+  isCssPonyfillEnabled: boolean
   isDashInDescriptionEnabled: boolean
   isIframeBlocked: boolean | { initialState: boolean }
   locales: Locale[]
@@ -121,7 +121,7 @@ export const DEFAULTS: Required<ModuleOptions> = {
   isControlButtonEnabled: true,
   isCookieIdVisible: false,
   isCssEnabled: true,
-  isCssPolyfillEnabled: true,
+  isCssPonyfillEnabled: false,
   isDashInDescriptionEnabled: true,
   isIframeBlocked: false,
   domain: '',