Changes

resources/js/Components/BuilderUi/Programs/ProgramBackButton.vue

@@ -1,9 +1,9 @@
 <template>
 
-	<a href="#" @click.prevent="this.back" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
+	<Link :href="route(this.link)" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
 		<svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
 		{{ title }}
-	</a>
+	</Link>
 
 </template>
 
@@ -26,17 +26,15 @@ export default {
 			}
 			return text
 		},
-		back() {
-			if (this.$page.props.urlPrev !== 'empty') {
-				this.$inertia.visit(this.$page.props.urlPrev);
-			}
-		},
 	},
 
 	props: {
 		title: {
 			type: String,
 		},
+		link: {
+			type: String
+		}
 	},
 }