Convert your Vue.js nested data right into slugs #.\n\nSlugify VueJs.\nCommonly strings of texts need to have to be in slug type to describe what the web content of an URL is actually. A Vue.js part is accessible which gives very easy transformation of text messages to slugs. Utilizing this part together with your v-models you may improve everything written in to a slug.\nLive Demo.\nLook at the example below.\nInstance.\nTo start teaming up with the Slugify component utilize the adhering to order to mount it.\nnpm set up vue-suglify.\n\nOR.\n\nanecdote include vue-suglify.\nInclude it to your Js documents.\nwindow.Vue = require(' vue').\n\nbring in VueSuglify coming from 'vue-suglify'.\n\nconst app = brand new Vue( {-String.Split- -\nel: '

app',.components: VueSuglify.,.information: headline:",.slug:".,.-|-|-|-random-} ).An easy usage is by utilizing title and also style label credits:.

Other possibilities feature:.Disabling the input by passing the disabled characteristic as boolean.The separator can transform by passing sep feature.Make the 1st character to be UpperCase by utilizing lowerCase.Add errors credit as boolean and also is-danger CSS class will certainly be adjoined.You can additionally pass an object named extras where you replace a letter along with something of your very own. Below are 2 examples, one utilizing the additionals attr for producing a slug using just one letter, and the sep attr which splits words as needed.


If you are intrigued for more or you possess any type of bugs as well as ideas, go here. That's it!