feat: recent lists

resources/ts/components/CronInput.vue

@@ -2,7 +2,8 @@
 import { ref, onBeforeMount, watch } from "vue";
 import { getCron, parseCron, validCron } from "@/lib/cron";
 import { CronType } from "@/enums";
-import { DEFAULT_CRON } from "@/constants";
+
+const DEFAULT_CRON = "0 0 * * *";
 
 const cron = defineModel<string | null>({ required: true });
 const rawCron = ref<string>(DEFAULT_CRON);

resources/ts/components/RecentItem.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { ArrowBigRightDashIcon } from "@lucide/vue";
+
+defineProps<{list: string}>();
+</script>
+
+<template>
+    <router-link
+        :to="`/${list}`"
+        class="w-full flex gap-2 mb-2"
+    >
+        <arrow-big-right-dash-icon :size="16" class="inline" />
+        <span class="underline">{{ list }}</span>
+    </router-link>
+</template>