From 0e742a485f3fa7d35d26b05980a293b5760e8418 Mon Sep 17 00:00:00 2001
From: Mark Powers <mark@marks.kitchen>
Date: Sun, 14 Jul 2024 16:17:59 -0500
Subject: Initial commit

---
 src/components/EssentialLink.vue | 48 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/components/EssentialLink.vue

(limited to 'src/components/EssentialLink.vue')

diff --git a/src/components/EssentialLink.vue b/src/components/EssentialLink.vue
new file mode 100644
index 0000000..0c738cd
--- /dev/null
+++ b/src/components/EssentialLink.vue
@@ -0,0 +1,48 @@
+<template>
+  <q-item
+    clickable
+    tag="a"
+    :href="link"
+  >
+    <q-item-section
+      v-if="icon"
+      avatar
+    >
+      <q-icon :name="icon" />
+    </q-item-section>
+
+    <q-item-section>
+      <q-item-label>{{ title }}</q-item-label>
+      <q-item-label caption>{{ caption }}</q-item-label>
+    </q-item-section>
+  </q-item>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'EssentialLink',
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+
+    caption: {
+      type: String,
+      default: ''
+    },
+
+    link: {
+      type: String,
+      default: '#'
+    },
+
+    icon: {
+      type: String,
+      default: ''
+    }
+  }
+})
+</script>
-- 
cgit v1.2.3

