<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 MkHeatmap from '@/components/MkHeatmap.vue'; import MkSelect from '@/components/MkSelect.vue'; let src = $ref('active-users'); </script> <style lang="scss" module> .root { padding: 20px; } </style>