fix(frontend): add cooldown tooltips and fix settings tab initial load

Add AppHelpHint tooltips to ScrapeSafetyBadge and ScrapeSafetyBanner
showing rate-limit explanation, cooldown reason, and recommended action.
When no cooldown is active, show a simple "ready" message.

Fix settings tabs not loading on initial navigation by deferring
onMounted load via nextTick, and using flush:'post' on the section
watcher so template refs are attached before load() runs.
This commit is contained in:
Justin Visser 2026-03-07 14:37:18 +01:00
parent 67dd297b87
commit 151e0774d8
5 changed files with 194 additions and 6 deletions

View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { onMounted, watch } from "vue";
import { nextTick, onMounted, watch } from "vue";
import { ref } from "vue";
import RequestStateAlerts from "@/components/patterns/RequestStateAlerts.vue";
@ -43,8 +43,10 @@ async function loadSection(): Promise<void> {
}
}
onMounted(loadSection);
watch(() => props.section, loadSection);
onMounted(() => {
nextTick(loadSection);
});
watch(() => props.section, loadSection, { flush: "post" });
</script>
<template>