fix: use middleware

Author: danielroe

app/app.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import hexRgb from 'hex-rgb'
 
-import { allowedRepos, isAllowedRepo } from '#shared/repos'
+import { allowedRepos } from '#shared/repos'
 
 const route = useRoute()
-const selectedRepo = computed(() => {
-  const query = route.query.repo as string | undefined
-  return query && isAllowedRepo(query) ? query : 'nuxt/nuxt'
-})
+const selectedRepo = computed(() => route.query.repo || 'nuxt/nuxt')
 
 useSeoMeta({
   title: 'unsight.dev',

app/plugins/repos.ts

@@ -0,0 +1,9 @@
+import { isAllowedRepo } from '#shared/repos'
+
+export default defineNuxtPlugin(() => {
+  useRouter().beforeEach((to) => {
+    if (to.query.repo && !isAllowedRepo(to.query.repo as string)) {
+      return navigateTo('/')
+    }
+  })
+})