MCP Server Tauri

<template> <span v-if="!loading && version" class="version-badge"> {{ version }} </span> </template> <script setup lang="ts"> import { ref, onMounted } from 'vue'; const version = ref(''), loading = ref(true); onMounted(async () => { try { // Fetch latest release from GitHub API const response = await fetch( 'https://api.github.com/repos/hypothesi/mcp-server-tauri/releases/latest' ); if (response.ok) { const data = await response.json(); version.value = data.tag_name || ''; } } catch{ // Silently fail - version badge just won't show } finally { loading.value = false; } }); </script> <style scoped> .version-badge { display: inline-flex; align-items: center; padding: 2px 8px; font-size: 12px; font-weight: 500; color: var(--vp-c-brand-1); background-color: var(--vp-c-brand-soft); border-radius: 10px; margin-left: 8px; } </style>