remove tabs model and introduce it to resultview

src/components/Pane.vue

@@ -1,17 +1,11 @@
 <script setup lang="ts">
-import type { Tab } from "@/model/Tabs";
-import PaneTab from "@/components/PaneTab.vue";
+import type { Tab } from "@/views/show-results/ResultView.vue";
+import Panetab from "./PaneTab.vue";
 import type { PropType } from "vue";
 
-type Action = {
-  title: string;
-  href: object;
-};
-
 defineProps({
   activeItem: { type: String },
   items: { type: Array as PropType<Array<Tab>>, required: true },
-  action: { type: Object as PropType<Action>, required: true },
 });
 
 const emits = defineEmits(["update:value"]);
@@ -21,14 +15,7 @@ const emits = defineEmits(["update:value"]);
   <!-- Tabbed Navigation -->
   <div class="shadow-sm p-4">
     <ul class="nav nav-pills py-3">
-      <PaneTab @click="$emit('update:value', item.id)" :tab="item" :active="activeItem == item.id" v-for="item in items" :key="item.id" />
-
-      <slot name="action">
-        <li class="ms-auto" v-if="action">
-          <!-- @TODO: Figure out how to directly download an entry, json? -->
-          <a class="btn btn-primary" href="#">{{ action.title }}</a>
-        </li>
-      </slot>
+      <Panetab @click="$emit('update:value', item.id)" :tab="item" :active="activeItem == item.id" v-for="item in items" :key="item.id" />>
     </ul>
     <div class="tab-content">
       <slot></slot>

src/components/PaneTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Tab } from '@/model/Tabs';
+import type { Tab } from '@/views/show-results/ResultView.vue'
 import type { PropType } from 'vue';
 
 defineProps({
@@ -10,6 +10,6 @@ defineProps({
 
 <template>
   <li class="nav-item">
-    <a class="nav-link" :class="{ active }" href="#">{{ tab.title }}</a>
+    <a class="nav-link" :class="{ active }" href="#">{{ tab.name }}</a>
   </li>
 </template>