406b4bdbe7
* refactor(frontend): 非推奨となったReactivity Transformを使わないように * refactor: 不要な括弧を除去 * fix: 不要なアノテーションを除去 * fix: Refの配列をrefしている部分の対応 * refactor: 不要な括弧を除去 * fix: lint * refactor: Ref、ShallowRef、ComputedRefの変数の宣言をletからconstに置換 * fix: type error * chore: drop reactivity transform from eslint configuration * refactor: remove unnecessary import * fix: 対応漏れ
32 lines
884 B
Vue
32 lines
884 B
Vue
<!--
|
|
SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
-->
|
|
|
|
<template>
|
|
<div class="_panel" :class="$style.root">
|
|
<MkSelect v-model="src" style="margin: 0 0 12px 0;" small>
|
|
<option value="active-users">Active users</option>
|
|
<option value="notes">Notes</option>
|
|
<option value="ap-requests-inbox-received">AP Requests: inboxReceived</option>
|
|
<option value="ap-requests-deliver-succeeded">AP Requests: deliverSucceeded</option>
|
|
<option value="ap-requests-deliver-failed">AP Requests: deliverFailed</option>
|
|
</MkSelect>
|
|
<MkHeatmap :src="src"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue';
|
|
import MkHeatmap from '@/components/MkHeatmap.vue';
|
|
import MkSelect from '@/components/MkSelect.vue';
|
|
|
|
const src = ref('active-users');
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.root {
|
|
padding: 20px;
|
|
}
|
|
</style>
|