replace filters with methods

src/shared/components/index.ts

@@ -21,3 +21,12 @@ Object.keys(components).forEach((_key) => {
   const key = _key as keyof typeof components
   Vue.component(key, components[key])
 })
+
+Vue.prototype.$formatDuration = (value: number) => {
+  if (!isFinite(value)) {
+    return '∞'
+  }
+  const minutes = Math.floor(value / 60)
+  const seconds = Math.floor(value % 60)
+  return (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds
+}

src/shared/filters.ts

@@ -1,14 +0,0 @@
-import Vue from 'vue'
-
-Vue.filter('duration', (value: number) => {
-  if (!isFinite(value)) {
-    return '∞'
-  }
-  const minutes = Math.floor(value / 60)
-  const seconds = Math.floor(value % 60)
-  return (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds
-})
-
-Vue.filter('dateTime', (value: string) => {
-  return value
-})