Something went wrong. Try again.
A simple to-do app focused on tasks that can be completed within a specific time span. taskline.tobinio.dev
Something went wrong. Try again.
564 B · 29 lines
Vue
at main
123456789101112131415161718192021222324252627282930<script setup lang="ts"> defineProps<{ display: string; value: string | undefined; selected: string | undefined; }>();
const emit = defineEmits<{ click: [] }>();
function onClick() { emit("click"); }</script>
<template> <button @click="onClick" class="flex gap-1 items-center w-full cursor-pointer hover:bg-secondary-hover rounded px-1 py-0.5" type="button" > <Icon class="absolute" v-if="selected === value" name="material-symbols:check-rounded" size="20" /> <div class="pl-6">{{ display }}</div> </button></template>