#70 add slugify example in posts page in cms template

Author: szczepanmasny

examples/cms/routes/app/routes/blog/routes/posts/Index.vue

@@ -14,6 +14,21 @@
 <script>
 import Crud from '@/utils/crud/components/Crud.vue'
 
+const slugify = (text) => {
+  const a = 'ąàáäâćęèéëêìíïîłńòóöôśùúüûźżñçßÿœæŕśńṕẃǵǹḿǘẍźḧ·/_,:;'
+  const b = 'aaaaaceeeeeiiiilnoooosuuuuzzncsyoarsnpwgnmuxzh------'
+  const p = new RegExp(a.split('').join('|'), 'g')
+
+  return text.toString().toLowerCase()
+    .replace(/\s+/g, '-')
+    .replace(p, c => b.charAt(a.indexOf(c)))
+    .replace(/&/g, '-and-')
+    .replace(/[^\w-]+/g, '')
+    .replace(/--+/g, '-')
+    .replace(/^-+/, '')
+    .replace(/-+$/, '')
+}
+
 export default {
   data () {
     return {
@@ -62,7 +77,10 @@ export default {
           column: 'title',
           text: this.$t('fields.title'),
           name: 'title',
-          multiedit: false
+          multiedit: false,
+          onChange: (value, fields) => {
+            fields.find(field => field.name === 'slug').value = slugify(value)
+          }
         },
         {
           type: 'input',