Fix truncate via adding 'truncateStr'

- Because the 'truncate' function uses 'trunc-html' which seem not to function anymore like expected what has to be investigated further.

webapp/pages/admin/hashtags.vue

@@ -5,7 +5,7 @@
       <template #index="scope">{{ scope.index + 1 }}.</template>
       <template #id="scope">
         <nuxt-link :to="{ path: '/', query: { hashtag: encodeURI(scope.row.id) } }">
-          <b>#{{ scope.row.id | truncate(20) }}</b>
+          <b>#{{ scope.row.id | truncateStr(20) }}</b>
         </nuxt-link>
       </template>
     </ds-table>

webapp/plugins/vue-filters.js

@@ -33,6 +33,18 @@ export default ({ app = {} }) => {
       }
       return trunc(value, length).html
     },
+    truncateStr: (value = '', length = -1) => {
+      if (!value || typeof value !== 'string' || value.length <= 0) {
+        return ''
+      }
+      if (length <= 0) {
+        return value
+      }
+      if (length < value.length) {
+        return value.substring(0, length) + '…'
+      }
+      return value
+    },
     list: (value, glue = ', ', truncate = 0) => {
       if (!Array.isArray(value) || !value.length) {
         return ''