feat: add aria role and label

therufa · Aug 30, 2019 · 9412120 · 9412120
1 parent 13f8008
commit 9412120
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/build.js b/build.js
@@ -72,7 +72,7 @@ async function build() {
       const [raw, name] = key.match(/^mdi(\w+)/i)
       const fileName = path.resolve(Paths.Dist, `${name}.vue`)
 
-      const component = template(kebabCase(name), svgPath)
+      const component = template(kebabCase(name), svgPath, name)
 
       const fh = await fsp.open(fileName, 'w')
       await fh.writeFile(component)

diff --git a/template.js b/template.js
@@ -1,8 +1,9 @@
 'use static'
 
-module.exports = (name, path) => `<template functional>
-  <span class="mdi mdi-${name}">
+module.exports = (name, path, ariaLabel) => `<template functional>
+  <span class="mdi mdi-${name}" :role="props.role" :aria-label="props.ariaLabel">
     <svg
+      fill="currentColor"
       :width="props.width"
       :height="props.height"
       :viewBox="props.viewBox"
@@ -33,6 +34,14 @@ export default {
     xmlns: {
       type: String,
       default: 'xmlns="http://www.w3.org/2000/svg"'
+    },
+    ariaLabel: {
+      type: String,
+      default: '${ariaLabel} icon'
+    },
+    role: {
+      type: String,
+      default: 'img'
     }
   }
 }