- app version = 4.7.7 (bcgov#543)

- uninstalled v-sanitize
- installed vue-sanitize-directive
- updated imports
- added "basic" option (same as default with old package)

package.json

@@ -52,11 +52,11 @@
     "sbc-common-components": "3.0.8",
     "tiptap-vuetify": "^2.24.0",
     "uuid": "^9.0.0",
-    "v-sanitize": "^0.0.11",
     "vue": "2.7.14",
     "vue-affix": "^0.5.2",
     "vue-hotjar": "^1.4.0",
     "vue-router": "^3.6.5",
+    "vue-sanitize-directive": "^0.2.1",
     "vue-the-mask": "^0.11.1",
     "vue2-filters": "^0.14.0",
     "vuelidate": "0.6.2",

src/components/SpecialResolution/ResolutionEditor.vue

@@ -114,7 +114,7 @@
           </div>
           <div
             v-else
-            v-sanitize="getSpecialResolution.resolution"
+            v-sanitize.basic="getSpecialResolution.resolution"
             class="resizable info-text"
           />
         </v-col>

src/components/SpecialResolution/ResolutionSummary.vue

@@ -50,7 +50,7 @@
           >
             <div
               v-if="getSpecialResolution"
-              v-sanitize="getSpecialResolution.resolution"
+              v-sanitize.basic="getSpecialResolution.resolution"
               class="resizable"
             />
           </v-col>

src/main.ts

@@ -6,7 +6,7 @@ import 'regenerator-runtime/runtime' // to use transpiled generator functions
 import Vue from 'vue'
 import Vuetify from 'vuetify'
 import Vuelidate from 'vuelidate'
-import VSanitize from 'v-sanitize'
+import VueSanitize from 'vue-sanitize-directive'
 import Affix from 'vue-affix'
 import Vue2Filters from 'vue2-filters' // needed by SbcFeeSummary
 import Hotjar from 'vue-hotjar'
@@ -42,7 +42,7 @@ Vue.use(Affix)
 Vue.use(Vuelidate)
 Vue.use(Vue2Filters)
 // Default options - https://github.com/apostrophecms/sanitize-html (under Default options)
-Vue.use(VSanitize)
+Vue.use(VueSanitize)
 const vuetify = new Vuetify({
   iconfont: 'mdi',
   theme: {

tests/setup.ts

@@ -3,7 +3,7 @@
  * why some of the errors are showing up due to Vue not having the plugins it needs.
  * See src/main.ts.
  */
-import VSanitize from 'v-sanitize'
+import VueSanitize from 'vue-sanitize-directive'
 import Vuelidate from 'vuelidate'
 import Vue from 'vue'
 import Affix from 'vue-affix'
@@ -16,7 +16,7 @@ Vue.use(Affix)
 // needed for address component or Completing Party
 Vue.use(Vuelidate)
 Vue.use(Vue2Filters)
-Vue.use(VSanitize)
+Vue.use(VueSanitize)
 
 const vuetify = new Vuetify({})