From 2426b4fdb33f9f405a284e85be242b644421f4a2 Mon Sep 17 00:00:00 2001
From: Ryan Brown <rbrown1193@gmail.com>
Date: Mon, 30 Nov 2020 10:40:57 +1300
Subject: [PATCH] Added svg src directory and Jest transformer

---
 jest.config.js       |  1 +
 src/svg/transform.js | 15 +++++++++++++++
 webpack.config.js    |  7 ++++---
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/svg/transform.js

diff --git a/jest.config.js b/jest.config.js
index f511b17..1f9296d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -178,6 +178,7 @@ module.exports = {
         presets: ["@babel/preset-env"]
       }
     ],
+    ".*\\.(svg)$": "<rootDir>/src/svg/transform.js",
     ".*\\.(vue)$": "vue-jest"
   }
 
diff --git a/src/svg/transform.js b/src/svg/transform.js
new file mode 100644
index 0000000..c20f50a
--- /dev/null
+++ b/src/svg/transform.js
@@ -0,0 +1,15 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const vueJest = require("vue-jest/lib/template-compiler");
+
+module.exports = {
+  process(content) {
+    const { render } = vueJest({
+      content,
+      attrs: {
+        functional: false
+      }
+    });
+
+    return `module.exports = { render: ${render} }`;
+  }
+};
diff --git a/webpack.config.js b/webpack.config.js
index d26454f..1ce9e7b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -13,7 +13,7 @@ module.exports = {
     critical: path.resolve(
       settings.paths.working,
       `${settings.paths.src.js}/critical.js`
-    ),
+    )
   },
   // Add your Webpack aliases here.
   // We've provided a set of defaults mapped to the /src directory.
@@ -24,6 +24,7 @@ module.exports = {
       "#js": path.resolve(__dirname, "src/js"),
       "#css": path.resolve(__dirname, "src/css"),
       "#fonts": path.resolve(__dirname, "src/fonts"),
-    },
-  },
+      "#svg": path.resolve(__dirname, "src/svg")
+    }
+  }
 };