From 839c8f5d21657f67107eee2df8b556dc48995503 Mon Sep 17 00:00:00 2001
From: Husam Ibrahim <39692071+HusamIbrahim@users.noreply.github.com>
Date: Tue, 8 Jun 2021 01:50:20 +0200
Subject: [PATCH] docs: update using with jest faq

Update `svgTransform.js` code to work with the latest versions of `vue-jest`
---
 docs/faq.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/faq.md b/docs/faq.md
index 0279801..83f23d8 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -366,15 +366,15 @@ There is one major issue when it comes to integrating vue-svg-loader with Jest,
 If your SVGs are prepared, create a transform file named for example `svgTransform.js` with:
 
 ``` js
-const vueJest = require('vue-jest/lib/template-compiler');
+const compilerUtils = require('@vue/component-compiler-utils');
+const VueTemplateCompiler = require('vue-template-compiler');
 
 module.exports = {
-  process(content) {
-    const { render } = vueJest({
-      content,
-      attrs: {
-        functional: false,
-      },
+  process(source) {
+    const { render } = compilerUtils.compileTemplate({
+      source,
+      compiler: VueTemplateCompiler,
+      isFunctional: false,
     });
 
     return `module.exports = { render: ${render} }`;