fix: add transformUrl for Quasar components #44

Author: rstoenescu

index.js

@@ -1,10 +1,13 @@
 const fs = require('fs')
 const path = require('path')
 const webpack = require('webpack')
+const { merge } = require('webpack-merge')
 
 const getDevlandFile = require('./lib/get-devland-file')
 const { version } = getDevlandFile('quasar/package.json')
 
+const transformAssetUrls = getDevlandFile('quasar/dist/transforms/loader-asset-urls.json')
+
 function getCssPreprocessor (api) {
   return ['sass', 'scss', 'styl'].find(ext => {
     return fs.existsSync(
@@ -53,6 +56,25 @@ module.exports = (api, options) => {
 
     const strategy = options.pluginOptions.quasar.importStrategy || 'kebab'
 
+    chain.module.rule('vue').use('vue-loader').tap(options => ({
+      ...options,
+      transformAssetUrls: merge(
+        {
+          base: null,
+          includeAbsolute: false,
+          tags: {
+            video: ['src', 'poster'],
+            source: ['src'],
+            img: ['src'],
+            image: ['xlink:href', 'href'],
+            use: ['xlink:href', 'href']
+          }
+        },
+        options.transformAssetUrls || {},
+        transformAssetUrls
+      )
+    }))
+
     if (['kebab', 'pascal', 'combined'].includes(strategy)) {
       chain.module.rule('vue')
         .use('vue-auto-import-quasar')

package.json

@@ -21,5 +21,8 @@
   "bugs": {
     "url": "https://github.com/quasarframework/vue-cli-plugin-quasar/issues"
   },
-  "homepage": "https://github.com/quasarframework/vue-cli-plugin-quasar#readme"
+  "homepage": "https://github.com/quasarframework/vue-cli-plugin-quasar#readme",
+  "dependencies": {
+    "webpack-merge": "^5.7.3"
+  }
 }