First Committ

src/components/EssentialLink.vue

@@ -0,0 +1,39 @@
+<template>
+  <q-item
+    clickable
+    tag="a"
+    target="_blank"
+    :href="link"
+  >
+    <q-item-section
+      v-if="icon"
+      avatar
+    >
+      <q-icon :name="icon" />
+    </q-item-section>
+c
+    <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 lang="ts">
+import { Vue, prop, Options } from 'vue-class-component'
+
+class Props {
+  readonly title!: string;
+
+  readonly caption = prop({ default: '' });
+
+  readonly link = prop({ default: '#' });
+
+  readonly icon = prop({ default: '' });
+}
+
+@Options({})
+export default class EssentialLink extends Vue.with(Props) {}
+</script>