From f7bde338e1d2bda259e0ba7b6bc7206f80e45f25 Mon Sep 17 00:00:00 2001
From: MattIPv4 <me@mattcowley.co.uk>
Date: Mon, 29 Mar 2021 13:50:03 +0100
Subject: [PATCH] Inject resolve-url-loader

---
 vue.config.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/vue.config.js b/vue.config.js
index 71f92a1..54b6ea1 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -46,6 +46,19 @@ module.exports = {
         ].filter(x => !!x),
     },
     chainWebpack: config => {
+        // Inject resolve-url-loader into the SCSS loader rules (to allow relative fonts in do-bulma to work)
+        for (const rule of ['vue-modules', 'vue', 'normal-modules', 'normal']) {
+            config.module.rule('scss')
+                .oneOf(rule)
+                .use('resolve-url-loader')
+                .loader('resolve-url-loader')
+                .before('sass-loader')
+                .end()
+                .use('sass-loader')
+                .loader('sass-loader')
+                .tap(options => ({ ...options, sourceMap: true }));
+        }
+
         // Use a custom HTML template
         config.plugin('html').tap(options => {
             options[0].template = path.join(__dirname, 'build', 'index.html');