sova-devtools 0.1.10

In-app DevTools bar for Sova (HTML inject, SSE timeline, request snapshots)
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<script setup lang="ts">
import type { Component } from "vue";
import Icon from "./Icon.vue";

defineProps<{
  title: string;
  icon?: Component;
  hint?: string;
}>();
</script>

<template>
  <div class="mb-2 flex items-center gap-2">
    <Icon v-if="icon" :icon="icon" :size="14" class="text-[var(--dt-accent)]" />
    <h3 class="m-0 text-[12px] font-semibold tracking-wide text-[var(--dt-text)]">
      {{ title }}
    </h3>
    <span v-if="hint" class="text-[11px] text-[var(--dt-faint)]">{{ hint }}</span>
    <div class="ml-auto flex items-center gap-2">
      <slot name="actions" />
    </div>
  </div>
</template>