Panel: Generate header id manually

We use [email protected] to generate our header id. [email protected] is reported to be unsafe and contains vulnerabilities [1]. As a step towards removing [email protected] as a dependencies, let's replace all usage of the 'string' methods with suitable equivalents. [1] - jprichardson/string.js#212
yamgent · Aug 3, 2018 · b7739ae · b7739ae
1 parent 86dc5ea
commit b7739ae
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/src/Panel.vue b/src/Panel.vue
@@ -81,8 +81,6 @@
   import md from './utils/markdown.js'
   import panelSwitch from './PanelSwitch.vue'
   import retriever from './Retriever.vue'
-
-  const string = require('string');
   
   export default {
     components: {
@@ -299,7 +297,7 @@
       if (this.headerContent) {
         const panelHeaderText = jQuery(this.headerContent).wrap('<div></div>').parent().find(':header').text();
         if (panelHeaderText) {
-          this.$refs.cardContainer.setAttribute('id', string(panelHeaderText).slugify().toString());
+          this.$refs.cardContainer.setAttribute('id', String(panelHeaderText).trim().toLowerCase().replace(/\s+/g, '-'));
         }
       } else if (this.$refs.headerWrapper.innerHTML) {
         const header = jQuery(this.$refs.headerWrapper.innerHTML).wrap('<div></div>').parent().find(':header');