aboutsummaryrefslogtreecommitdiff
path: root/src/components/EssentialLink.vue
diff options
context:
space:
mode:
authorMark Powers <mark@marks.kitchen>2024-07-14 16:17:59 -0500
committerMark Powers <mark@marks.kitchen>2024-07-14 16:17:59 -0500
commit0e742a485f3fa7d35d26b05980a293b5760e8418 (patch)
tree97510b5e1979f7e02dbcb17ccbc699c4f97e63f2 /src/components/EssentialLink.vue
Initial commitHEADmaster
Diffstat (limited to 'src/components/EssentialLink.vue')
-rw-r--r--src/components/EssentialLink.vue48
1 files changed, 48 insertions, 0 deletions
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>