update origin link component

src/views/DetailsView.vue

@@ -5,6 +5,7 @@ import router from '@/router/index.js'
 import PeriodSelector from '@/components/PeriodSelector.vue'
 import ChartBlock from '@/components/ChartBlock.vue'
 import { useChartsApi } from '@/api/charts.js'
+import EditLink from '@/views/DetailsView/EditLink.vue'
 
 const { getMerchDetails, deleteMerch } = useMerchApi()
 const { getDistinctPrices } = useChartsApi()
@@ -102,11 +103,19 @@ onMounted(() => {
     </div>
 
     <n-divider title-placement="left">Surugaya</n-divider>
-    <p><strong>Link:</strong> {{ merchDetails.origin_surugaya.link }}</p>
-    <p><strong>Cookie values:</strong> {{ merchDetails.origin_surugaya.cookie_values }}</p>
+    <EditLink
+      :merch-uuid="merch_uuid"
+      origin="surugaya"
+      :name="merchDetails.name"
+      v-model="merchDetails.origin_surugaya.link" />
 
     <n-divider title-placement="left">Mandarake</n-divider>
-    <p><strong>Link</strong> {{ merchDetails.origin_mandarake.link }}</p>
+    <EditLink
+      :merch-uuid="merch_uuid"
+      origin="mandarake"
+      :name="merchDetails.name"
+      v-model="merchDetails.origin_mandarake.link" />
+
   </n-card>
   <div v-else>Not found</div>