Fixed styling error for svg path

craigrileyuk · Jun 18, 2021 · c205d80 · c205d80
1 parent 5002e62
commit c205d80
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-icon",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Icon component for Vue 3",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

diff --git a/src/index.js b/src/index.js
@@ -43,15 +43,15 @@ export default {
 				"--sx": ["both", "horizontal"].includes(props.flip) ? "-1" : "1",
 				"--sy": ["both", "vertical"].includes(props.flip) ? "-1" : "1",
 				"--r": isNaN(props.rotate) ? props.rotate : props.rotate + "deg",
-				transform: "rotate(var(--r, 0deg)) scale(var(--sx, 1), var(--sy, 1))"
+				transform: "rotate(var(--r, 0deg)) scale(var(--sx, 1), var(--sy, 1))",
 			};
 		});
 		const defaults = computed(() => iconSettings[props.type] || iconSettings.default);
 		const sizeValue = computed(() => props.size || defaults.value.size);
 		const viewboxValue = computed(() => props.viewbox || defaults.value.viewbox);
 
 		return () => {
-			const path = h("path", { d: props.path, style: { color: "currentColor" } });
+			const path = h("path", { d: props.path, style: { fill: "currentColor" } });
 
 			return h(
 				"svg",