feat: input and history pages

2026-06-17 15:44:23 +02:00
parent 0e4cc45439
commit fea4fdba05
13 changed files with 256 additions and 121 deletions
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import type { DomainFactory } from "@/lib/factory";
+import CoolDomain from "./CoolDomain.vue";
+
+defineProps<{ factory: DomainFactory }>();
+</script>
+
+<template>
+  <div>
+    <p v-for="(domain, i) in factory.history" :key="`domain-${i}`" class="pt-3">
+      <CoolDomain
+        :id="domain.name + domain.searching + domain.available"
+        :domain="domain"
+        size="md"
+      ></CoolDomain>
+      <span v-if="domain.searching"
+        >&nbsp;<span class="loading loading-dots loading-xs"></span
+      ></span>
+      <span v-else-if="domain.available"
+        >&nbsp;{{ $t("seems") }}
+        <a
+          :href="`https://tld-list.com/${$i18n.locale}/tld/${domain.name?.split('.')[1]}`"
+          target="_blank"
+          class="underline"
+          >{{ $t("available") }}</a
+        ></span
+      ><span v-else>&nbsp;{{ $t("is_unavailable") }}</span>
+    </p>
+  </div>
+</template>