<template> <div> <MkHeader :info="header"/> <div class="_section"> <XNotes class="_content" :pagination="pagination" @before="before()" @after="after()"/> </div> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; import Progress from '@client/scripts/loading'; import XNotes from '@client/components/notes.vue'; import * as symbols from '@client/symbols'; export default defineComponent({ components: { XNotes }, data() { return { [symbols.PAGE_INFO]: { title: this.$ts.mentions, icon: 'fas fa-at', bg: 'var(--bg)', }, header: { title: this.$ts.mentions, icon: 'fas fa-at', bg: 'var(--bg)', }, pagination: { endpoint: 'notes/mentions', limit: 10, }, }; }, methods: { before() { Progress.start(); }, after() { Progress.done(); } } }); </script>