danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/unsight.dev. Detect duplicate GitHub issues, areas of concern and more across related repositories.
unsight.dev
ai
clustering
github
machine-learning
1.9 kB
70 lines
1<script setup lang="ts">
2useHead({
3 bodyAttrs: {
4 class: 'bg-shark-500 text-white',
5 },
6})
7
8const version = useRuntimeConfig().public.version
9
10useSeoMeta({
11 titleTemplate: title => title ? `${title} - unsight.dev` : 'unsight.dev',
12})
13
14if (import.meta.server) {
15 useSeoMeta({
16 description: 'Detect duplicate GitHub issues, areas of concern and more across related repositories',
17 })
18}
19
20const { data: repos } = useRepos()
21</script>
22
23<template>
24 <div class="min-h-screen flex flex-col">
25 <NuxtRouteAnnouncer />
26 <main class="flex flex-col font-sans m-4 flex-grow">
27 <nav>
28 <NuxtLink
29 to="/"
30 class="flex flex-row items-center gap-2 text-lg font-bold my-4 no-underline color-current"
31 >
32 <span class="icon bg-pink-400 w-10 h-10 self-center" />
33 <div class="flex flex-row items-baseline gap-2">
34 <h1>unsight.dev</h1>
35 <span class="text-pink-400 text-xs">
36 v{{ version }}
37 </span>
38 </div>
39 </NuxtLink>
40 </nav>
41 <NuxtPage />
42 </main>
43 <footer class="justify-center flex flex-col md:flex-row gap-2 font-sans p-2 text-center text-sm opacity-75 hover:opacity-100 mb-4">
44 <a
45 class="no-underline hover:underline text-white"
46 href="https://github.com/danielroe/unsight.dev"
47 >
48 source
49 </a>
50 <span class="before:hidden md:before:inline-block before:content-['·'] before:mr-2">
51 made with ❤️ by
52 <a
53 class="no-underline font-semibold hover:underline text-white"
54 href="https://bsky.app/profile/danielroe.dev"
55 >
56 @danielroe.dev
57 </a>
58 </span>
59 <span class="before:hidden md:before:inline-block before:content-['·'] before:mr-2">
60 {{ repos.length }} repos
61 </span>
62 </footer>
63 </div>
64</template>
65
66<style scoped>
67.icon {
68 mask: url('/icon.svg') no-repeat center;
69}
70</style>