第一段階開発完了

frontend/src/components/EssentialLink.vue

@@ -2,8 +2,9 @@
   <q-item
     clickable
     tag="a"
-    target="_blank"
+    :target="target?target:'_blank'"
     :href="link"
+    v-if="!isSeparator"
   >
     <q-item-section
       v-if="icon"
@@ -17,6 +18,10 @@
       <q-item-label caption>{{ caption }}</q-item-label>
     </q-item-section>
   </q-item>
+  <q-separator
+    v-if="isSeparator"
+    inset
+  />
 </template>
 
 <script setup lang="ts">
@@ -25,6 +30,8 @@ export interface EssentialLinkProps {
   caption?: string;
   link?: string;
   icon?: string;
+  isSeparator?: boolean;
+  target?:string;
 }
 withDefaults(defineProps<EssentialLinkProps>(), {
   caption: '',