README.md

@@ -194,6 +194,24 @@ To dynamically import an SVG, you can use the inline `require()` syntax.
 
 > This example uses `raw-loader`.
 
+To render an SVG without wrapper element and the use of `v-html`, a combination of [dynamic components](https://vuejs.org/guide/essentials/component-basics.html#dynamic-components) and `?inline` can be used. See #72 for context.
+
+```html
+<template>
+  <component :is="require(`../assets/${name}.svg?inline`)" />
+</template>
+
+<script>
+  export default {
+    props: {
+      name: { type: String, default: "image" },
+    },
+  };
+</script>
+```
+
+> This example uses `vue-svg-loader`.
+
 ## Caveats
 
 In order for this module to work correctly, the [default `.svg` Nuxt.js webpack rule](https://nuxtjs.org/guide/assets/#webpack) gets replaced with this handler.

lib/module.js

@@ -20,13 +20,14 @@ export default function svgModule(moduleOptions) {
  *
  * @param options The module options
  * @param config The webpack configuration object to extend
+ * @param context Nuxt webpack env
  */
-function setup(options, config) {
+function setup(options, config, context) {
   const fileLoaderOptions = Object.assign(
     {},
-    getFileLoaderDefaultConfig(this),
+    getFileLoaderDefaultConfig(context),
     typeof options.fileLoader === "function"
-      ? options.fileLoader(this)
+      ? options.fileLoader(context)
       : options.fileLoader
   );
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/svg",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Super simple svg loading module for Nuxt.js",
   "keywords": [
     "nuxt",