From fd7307e2034f5dabf56e68f6be11fc732637250b Mon Sep 17 00:00:00 2001
From: Tajim <com.tajim@gmail.com>
Date: Mon, 21 Sep 2026 22:09:50 +0600
Subject: [PATCH] fix(products): follow product open_type strictly on anchor
 button

---
 resources/js/components/ProductCard.vue | 26 ++++++-------------------
 1 file changed, 6 insertions(+), 20 deletions(-)

diff --git a/resources/js/components/ProductCard.vue b/resources/js/components/ProductCard.vue
index 16510be..a09a43f 100644
--- a/resources/js/components/ProductCard.vue
+++ b/resources/js/components/ProductCard.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { Link } from '@inertiajs/vue3';
-import { ExternalLink, ArrowRight, Users, Layers } from 'lucide-vue-next';
+import { ArrowRight, ExternalLink, Layers, Users } from 'lucide-vue-next';
 import { computed } from 'vue';
 
 export interface ProductItem {
@@ -26,11 +25,7 @@ const displayImage = computed(() => {
 });
 
 const isBlank = computed(() => {
-    return (
-        props.product.open_type === '_blank' ||
-        props.product.link.startsWith('http://') ||
-        props.product.link.startsWith('https://')
-    );
+    return props.product.open_type === '_blank';
 });
 
 const buttonLabel = computed(() => {
@@ -87,24 +82,15 @@ const buttonLabel = computed(() => {
         <!-- Action Button -->
         <div class="mt-6 border-t border-slate-100 pt-4 dark:border-gray-800">
             <a
-                v-if="isBlank"
                 :href="product.link"
-                target="_blank"
-                rel="noopener noreferrer"
+                :target="product.open_type || '_self'"
+                :rel="isBlank ? 'noopener noreferrer' : undefined"
                 class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-indigo-600 px-4 py-2.5 text-sm font-bold text-white shadow-xs transition-all hover:bg-indigo-700 active:scale-98"
             >
                 <span>{{ buttonLabel }}</span>
-                <ExternalLink class="h-4 w-4" />
+                <ExternalLink v-if="isBlank" class="h-4 w-4" />
+                <ArrowRight v-else class="h-4 w-4" />
             </a>
-
-            <Link
-                v-else
-                :href="product.link"
-                class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-indigo-600 px-4 py-2.5 text-sm font-bold text-white shadow-xs transition-all hover:bg-indigo-700 active:scale-98"
-            >
-                <span>{{ buttonLabel }}</span>
-                <ArrowRight class="h-4 w-4" />
-            </Link>
         </div>
     </div>
 </template>