From 80e58d3866e6f8f173c8902b066bd9f22502c3bf Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Sun, 21 Jul 2024 11:57:31 +0200
Subject: [PATCH] require instead of this

---
 src/_includes/webc/custom-svg.webc | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/_includes/webc/custom-svg.webc b/src/_includes/webc/custom-svg.webc
index c199fe0..33a9520 100644
--- a/src/_includes/webc/custom-svg.webc
+++ b/src/_includes/webc/custom-svg.webc
@@ -1,6 +1,7 @@
 <script webc:type="render" webc:is="template">
   const Image = require('@11ty/eleventy-img');
   const {optimize} = require('svgo');
+  const slugify = require('slugify');
 
   module.exports = async function () {
     const meta = await Image(this.src, {
@@ -17,7 +18,7 @@
 
       for (const prop in this.webc.attributes) {
         if (!excludeAttributes.includes(prop)) {
-          const attribute = this.slugify(prop, {decamelize: true});
+          const attribute = slugify(prop, {lower: true, strict: true}); // Use slugify directly here
           const value = this.webc.attributes[prop];
 
           arr.push({[attribute]: value});