1 changed files with 0 additions and 70 deletions
@ -1,70 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<p>Deep Link Test Component Loaded</p> |
|||
<p>Platform: {{ platform }}</p> |
|||
<p>Status: {{ status }}</p> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { ref, onMounted } from "vue"; |
|||
import { useRouter } from "vue-router"; |
|||
|
|||
const platform = process.env.VITE_PLATFORM; |
|||
const status = ref("Initializing..."); |
|||
const router = useRouter(); |
|||
|
|||
onMounted(async () => { |
|||
console.log("[DeepLinkTest] Component mounted, platform:", platform); |
|||
alert(`[DeepLinkTest] Component mounted, platform: ${platform}`); |
|||
|
|||
if (platform !== "capacitor") { |
|||
status.value = "Not Capacitor platform"; |
|||
return; |
|||
} |
|||
|
|||
try { |
|||
console.log("[DeepLinkTest] Importing Capacitor App..."); |
|||
const { App } = await import("@capacitor/app"); |
|||
|
|||
console.log("[DeepLinkTest] Getting app info..."); |
|||
const appInfo = await App.getInfo(); |
|||
console.log("[DeepLinkTest] App info:", appInfo); |
|||
alert(`[DeepLinkTest] App version: ${appInfo.version}`); |
|||
|
|||
console.log("[DeepLinkTest] Registering appUrlOpen listener..."); |
|||
App.addListener("appUrlOpen", (data: { url: string }) => { |
|||
console.log("[DeepLinkTest] Deep link received:", data.url); |
|||
alert(`[DeepLinkTest] Deep link received: ${data.url}`); |
|||
|
|||
// Simple URL parsing without DeepLinkHandler |
|||
try { |
|||
const url = new URL(data.url); |
|||
const path = url.pathname; |
|||
console.log("[DeepLinkTest] Parsed path:", path); |
|||
|
|||
// Simple navigation test |
|||
if (path.startsWith("/claim/")) { |
|||
const claimId = path.replace("/claim/", ""); |
|||
router.push(`/claim/${claimId}`); |
|||
alert(`[DeepLinkTest] Navigated to claim: ${claimId}`); |
|||
} else { |
|||
router.push(path); |
|||
alert(`[DeepLinkTest] Navigated to: ${path}`); |
|||
} |
|||
} catch (error) { |
|||
console.error("[DeepLinkTest] URL parsing error:", error); |
|||
alert(`[DeepLinkTest] URL parsing error: ${error}`); |
|||
} |
|||
}); |
|||
|
|||
status.value = "Deep link listener registered"; |
|||
console.log("[DeepLinkTest] Setup complete"); |
|||
alert("[DeepLinkTest] Setup complete"); |
|||
} catch (error) { |
|||
console.error("[DeepLinkTest] Error:", error); |
|||
alert(`[DeepLinkTest] Error: ${error}`); |
|||
status.value = `Error: ${error}`; |
|||
} |
|||
}); |
|||
</script> |
|||
Loading…
Reference in new issue