2018-02-15 18:33:34 +09:00
|
|
|
<template>
|
2020-11-25 21:31:34 +09:00
|
|
|
<MkContainer>
|
2021-04-20 23:22:59 +09:00
|
|
|
<template #header><i class="fas fa-chart-bar" style="margin-right: 0.5em;"></i>{{ $ts.activity }}</template>
|
2020-11-25 21:31:34 +09:00
|
|
|
|
|
|
|
<div style="padding: 8px;">
|
2021-10-24 12:32:41 +09:00
|
|
|
<MkChart src="per-user-notes" :args="{ user, withoutAll: true }" span="day" :limit="limit" :stacked="true" :detailed="false" :aspect-ratio="6"/>
|
2020-11-25 21:31:34 +09:00
|
|
|
</div>
|
|
|
|
</MkContainer>
|
2018-02-15 18:33:34 +09:00
|
|
|
</template>
|
|
|
|
|
2022-01-13 02:46:14 +09:00
|
|
|
<script lang="ts" setup>
|
|
|
|
import { } from 'vue';
|
|
|
|
import * as misskey from 'misskey-js';
|
2021-11-12 02:02:25 +09:00
|
|
|
import MkContainer from '@/components/ui/container.vue';
|
|
|
|
import MkChart from '@/components/chart.vue';
|
2018-11-03 16:44:05 +09:00
|
|
|
|
2022-01-13 02:46:14 +09:00
|
|
|
const props = withDefaults(defineProps<{
|
|
|
|
user: misskey.entities.User;
|
|
|
|
limit?: number;
|
|
|
|
}>(), {
|
|
|
|
limit: 40,
|
2018-02-15 18:33:34 +09:00
|
|
|
});
|
|
|
|
</script>
|