Initial commit WIP

2025-05-08 19:18:45 -04:00
commit 09cbc3f5a3
235 changed files with 25013 additions and 0 deletions
--- a/app/components/NavLinksMobile.vue
+++ b/app/components/NavLinksMobile.vue
@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { Bars2Icon } from "@heroicons/vue/20/solid";
+
+const { links } = defineProps<{
+  links: { name: string; to: string }[];
+}>();
+</script>
+<template>
+  <nuxt-ui-dropdown as="div" class="inline-block text-left z-10">
+    <div>
+        <nuxt-ui-dropdown-toggle class="border rounded-full px-2 py-2 text-zinc-500 border-zinc-500 hover:bg-white hover:text-zinc-900 hover:border-zinc-900 active:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-700 focus-visible:ring-opacity-75"
+      >
+        <span class="sr-only">Menu</span>
+        <Bars2Icon class="h-4 w-4" aria-hidden="true" />
+        </nuxt-ui-dropdown-toggle>
+    </div>
+
+    <transition
+      enter-active-class="transition duration-100 ease-out"
+      enter-from-class="transform scale-95 opacity-0"
+      enter-to-class="transform scale-100 opacity-100"
+      leave-active-class="transition duration-75 ease-in"
+      leave-from-class="transform scale-100 opacity-100"
+      leave-to-class="transform scale-95 opacity-0"
+    >
+      <nuxt-ui-dropdown-menu
+        class="absolute right-0 mt-4 w-56 origin-top-right divide-y divide-zinc-100 dark:divide-zinc-700 rounded-xl bg-white dark:bg-black shadow-lg ring-1 ring-black dark:ring-white ring-opacity-5 dark:ring-opacity-5 focus:outline-none"
+      >
+        <div class="px-2 py-2 w-full">
+          <nuxt-ui-dropdown-item
+            v-for="(link, index) in links"
+            :key="index"
+            v-slot="{ close }"
+          >
+            <NuxtLink
+              :class="[
+                $route.path === link.to
+                  ? 'bg-zinc-200 dark:bg-zinc-900 text-zinc-900 dark:text-zinc-200'
+                  : 'text-zinc-900 dark:text-zinc-200',
+                'group block w-full items-center rounded-xl text-sm',
+              ]"
+              :to="link.to"
+            >
+              <span @click.native="close" class="truncate px-4 py-2 block">{{
+                link.name
+              }}</span>
+            </NuxtLink>
+          </nuxt-ui-dropdown-item>
+        </div>
+      </nuxt-ui-dropdown-menu>
+    </transition>
+  </nuxt-ui-dropdown>
+</template>