META: refactor to slugify function

src/components/ShowManagerModalNotes.vue

@@ -75,6 +75,7 @@
 
 <script>
 import prettyDate from '../mixins/prettyDate'
+import slugify from '../mixins/slugify'
 import axios from 'axios'
 
 /*
@@ -87,7 +88,7 @@ function debugErrorResponse (data) {
 */
 
 export default {
-  mixins: [ prettyDate ],
+  mixins: [ prettyDate, slugify ],
   props: {
     show: { type: Object, required: true },
     showAggregate: { type: Object, required: true }
@@ -109,12 +110,7 @@ export default {
   },
   computed: {
     slug: function () {
-      return this.title.toLowerCase()
-        .replace(/\s+/g, '-')          // Replace spaces with -
-        .replace(/[^\w-]+/g, '')       // Remove all non-word chars
-        .replace(/--+/g, '-')          // Replace multiple - with single -
-        .replace(/^-+/, '')            // Trim - from start of text
-        .replace(/-+$/, '')            // Trim - from end of text
+      return this.slugify(this.title)
     },
     hosts: function () {
       // for the vue bootstrap select component we need an array of objects

src/components/ShowManagerModalSuperuser.vue

@@ -138,7 +138,7 @@ export default {
 
   computed: {
     temporarySlug: function () {
-      return this.slug(this.newShow.name)
+      return this.slugify(this.newShow.name)
     },
 
     showTypeSelector: function () {

src/mixins/slugify.js

 export default {
   methods: {
-    slug: function (title) {
+    slugify: function (title) {
       return title.toLowerCase()
         .replace(/\s+/g, '-')          // Replace spaces with -
         .replace(/[^\w-]+/g, '')       // Remove all non-word chars