v.1.2.0 add truncate and cut

Author: Irfan Maulana

App.vue

@@ -10,6 +10,8 @@
 
 				<div>
 					<b>Before filter</b>: {{ textInput }}
+					<br>
+					<br>
 				</div>
 	      <div>
 					<b>Uppercase</b>: <span class="result__uppercase">{{ textInput | uppercase }}</span>
@@ -22,6 +24,10 @@
 					<br>
 					<b>Slug</b>: <span class="result__slug">{{ textInput | slug }}</span>
 					<br>
+					<b>Truncate</b>: <span class="result__truncate">{{ textInput | truncate(10) }}</span>
+					<br>
+					<b>Cut</b>: <span class="result__cut">{{ textInput | cut(10) }}</span>
+					<br>
 				</div>
 
 

README.md

@@ -24,6 +24,8 @@
 + `capitalize`
 + `titlecase`
 + `slug`
++ `truncate`
++ `cut`
 
 ## Download
 
@@ -55,6 +57,8 @@ Vue.use(VueStringFilter)
 <span>{{ stringWillFormatted | capitalize }}</span>
 <span>{{ stringWillFormatted | titlecase }}</span>
 <span>{{ stringWillFormatted | slug }}</span>
+<span>{{ stringWillFormatted | truncate(10) }}</span>
+<span>{{ stringWillFormatted | cut(10) }}</span>
 ```
 
 

VueStringFilter.js

@@ -1,5 +1,5 @@
 const VueStringFilter = {
-  install(Vue, options) {
+  install(Vue) {
 
     Vue.filter('lowercase', function (value) {
 
@@ -37,6 +37,22 @@ const VueStringFilter = {
       return result
     })
 
+    Vue.filter('truncate', function (value, count) {
+      if (typeof value === 'string') {
+        return value.length < count ? value : value.slice(0, count) + '...'
+      } else {
+        return value
+      }
+    })
+
+    Vue.filter('cut', function (value, count) {
+      if (typeof value === 'string') {
+        return value.length < count ? value : value.slice(0, count)
+      } else {
+        return value
+      }
+    })
+    
   }
 }
 

dist/VueStringFilter.bundle.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-string-filter",
   "description": "Lightweight Vue 2 String Manipulation Filter",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "author": "Irfan Maulana (https://github.com/mazipan/)",
   "homepage": "https://mazipan.github.io/vue-string-filter/",