From a3a1b88f168395bf176b38e5734876e9d5eaedcb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 27 Mar 2024 11:13:25 +0100
Subject: [PATCH] Refactor icon conversion to use class for 'fill' and 'stroke'
 in icons components

---
 frontend/src/assets/icons/helpers/convertSvgToVue.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/assets/icons/helpers/convertSvgToVue.js b/frontend/src/assets/icons/helpers/convertSvgToVue.js
index 81776eac7..c4ee28ec7 100644
--- a/frontend/src/assets/icons/helpers/convertSvgToVue.js
+++ b/frontend/src/assets/icons/helpers/convertSvgToVue.js
@@ -16,7 +16,7 @@ readdirSync(inputDir).forEach((file) => {
   const fileName = parse(file).name
   // eslint-disable-next-line security/detect-non-literal-fs-filename
   const content = readFileSync(filePath, 'utf8')
-  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n<div style="fill: currentcolor; stroke: currentcolor">\n${content}\n</div>\n</template>\n`
+  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n${content}\n<style scss>\n.svg-icon {\nfill: currentcolor;\nstroke: currentcolor;\n}\n</style>\n</template>\n`
 
   const outputFilePath = join(outputDir, `${fileName}.vue`)
   // eslint-disable-next-line security/detect-non-literal-fs-filename