diff --git a/resources/js/app/app.js b/resources/js/app/app.js
index d3dc74b73..54a646ee7 100644
--- a/resources/js/app/app.js
+++ b/resources/js/app/app.js
@@ -1,6 +1,5 @@
 import Vue from 'vue';
 
-import 'libs/filters';
 import 'config/config';
 
 import '../../style.scss';
diff --git a/resources/js/app/components/json-fields/key-value-list.vue b/resources/js/app/components/json-fields/key-value-list.vue
index e1b75c695..7e24c6208 100644
--- a/resources/js/app/components/json-fields/key-value-list.vue
+++ b/resources/js/app/components/json-fields/key-value-list.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="input textarea text">
-        <label :for="name">{{ label|humanize }}</label>
+        <label :for="name">{{ humanize(label) }}</label>
             <div :id="name">
                 <div class="key-value-item mb-1" v-for="(item, index) in items">
                     <div>
@@ -26,6 +26,7 @@
 </template>
 
 <script>
+import { humanizeString } from 'app/helpers/text-helper';
 
 /**
  * <key-value-list> component to handle simple JSON objects with key/values
@@ -63,6 +64,10 @@ export default {
     },
 
     methods: {
+        humanize(str) {
+            return humanizeString(str);
+        },
+
         /**
          * Update input hidden form value.
          *
diff --git a/resources/js/app/components/json-fields/string-list.vue b/resources/js/app/components/json-fields/string-list.vue
index cd83abefb..965b04054 100644
--- a/resources/js/app/components/json-fields/string-list.vue
+++ b/resources/js/app/components/json-fields/string-list.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="input textarea text">
-        <label :for="`container-${name}`">{{ label|humanize }}</label>
+        <label :for="`container-${name}`">{{ humanize(label) }}</label>
         <div :id="`container-${name}`">
             <div class="key-value-item mb-1 is-flex" v-for="(item, index) in items">
                 <div class="is-expanded">
@@ -24,6 +24,7 @@
 </template>
 
 <script>
+import { humanizeString } from 'app/helpers/text-helper';
 
 /**
  * <string-list> component to handle simple JSON array of strings
@@ -62,6 +63,10 @@ export default {
     },
 
     methods: {
+        humanize(str) {
+            return humanizeString(str);
+        },
+
         /**
          * Update input hidden form value.
          *
diff --git a/resources/js/libs/filters.js b/resources/js/libs/filters.js
deleted file mode 100644
index 10d8f3923..000000000
--- a/resources/js/libs/filters.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import Vue from 'vue';
-import { humanizeString } from '../app/helpers/text-helper.js';
-
-/**
- * Converts a snake case string to title case.
- * Example: snake_case => Snake Case
- *
- * @param {String} str the string to convert
- * @return {String}
- */
-Vue.filter('humanize', function(str) {
-    return humanizeString(str);
-});
-
-/**
- * Capitalize a string.
- *
- * @param {String} str The string to capitalize
- */
-Vue.filter('capitalize', function(str) {
-    if (!str) {
-        return '';
-    }
-
-    str = str.toString();
-    return str.charAt(0).toUpperCase() + str.slice(1);
-});