How to use vue2-filters - 6 common examples

import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';
import LogsService from './logs.service';

@Component
export default class JhiLogs extends mixins(Vue2Filters.mixin) {
  @Inject('logsService') private logsService: () => LogsService;
  private loggers: any[] = [];
  public filtered = '';
  public orderProp = 'name';
  public reverse = false;

  public mounted(): void {
    this.init();
  }

  public init(): void {
    this.logsService()
      .findAll()
      .then(response => {
        this.extractLoggers(response);
      });

import format from 'date-fns/format';
import AuditsService from './audits.service';
import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';

@Component
export default class JhiAudits extends mixins(Vue2Filters.mixin) {
  public audits: any = [];
  public fromDate: any = null;
  public itemsPerPage = 20;
  public queryCount: any = null;
  public page = 1;
  public previousPage = 1;
  public propOrder = 'auditEventDate';
  public predicate = 'timestamp';
  public reverse = false;
  public toDate: any = null;
  public totalItems = 0;
  public isFetching = false;
  @Inject('auditsService') private auditsService: () => AuditsService;

  public mounted(): void {
    this.init();

import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';
import ConfigurationService from './configuration.service';

@Component
export default class JhiConfiguration extends mixins(Vue2Filters.mixin) {
  public orderProp = 'prefix';
  public reverse = false;
  public allConfiguration: any = false;
  public configuration: any = false;
  public configKeys: any[] = [];
  public filtered = '';
  @Inject('configurationService') private configurationService: () => ConfigurationService;

  public mounted(): void {
    this.init();
  }

  public init(): void {
    this.configurationService()
      .loadConfiguration()
      .then(res => {

globalSearchBtn: require('./globalSearch/button.vue').default,
        globalSearchPanel: require('./globalSearch/panel.vue').default,
        imageEditor: require('./image/editor/main.vue').default,
        imageIntersect: require('./image/lazyLoading.vue').default,
        imagePreview: require('./image/preview.vue').default,
        usageIntroOverlay: require('./usageIntro/overlay.vue').default,
        usageIntroBtn: require('./usageIntro/button.vue').default,
        usageIntroPanel: require('./usageIntro/panel.vue').default,
        uploadPreview: require('./utils/upload-preview.vue').default,
        InfiniteLoading: require('vue-infinite-loading').default,
        filterAndSorting: require('./toolbar/filter-sort.vue').default,
        dirBookmarks: require('./toolbar/dir-bookmark.vue').default
    },
    name: 'media-manager',
    mixins: [
        Vue2Filters.mixin,
        Broadcast,
        BulkSelect,
        Cache,
        Computed,
        Download,
        Form,
        Folder,
        Gestures,
        Image,
        ItemFiltration,
        ItemVisibility,
        LockItem,
        Movable,
        MediaPlayer,
        Restriction,
        Scroll,