fix(vue-demo): add missing formatLink function (#1660)

Co-authored-by: Patryk Tomczyk <[email protected]>
shopware · Feb 4, 2025 · 530b22f · 530b22f
1 parent 7c10417
commit 530b22f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/.changeset/famous-starfishes-enjoy.md b/.changeset/famous-starfishes-enjoy.md
@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Add missing formatLink for links in checkout and my account page
diff --git a/templates/vue-demo-store/components/account/AccountOrder.vue b/templates/vue-demo-store/components/account/AccountOrder.vue
@@ -11,6 +11,8 @@ const props = defineProps<{
 
 const { t } = useI18n();
 const { currency } = useSessionContext();
+const localePath = useLocalePath();
+const { formatLink } = useInternationalization(localePath);
 
 const orderDate = computed(() =>
   new Date(props.order.orderDate).toLocaleDateString(
@@ -36,7 +38,7 @@ const orderDate = computed(() =>
         />
       </div>
       <div class="hidden sm:block justify-self-end text-dark cursor-pointer">
-        <NuxtLink :to="`/account/order/details/${order.id}`">
+        <NuxtLink :to="formatLink(`/account/order/details/${order.id}`)">
           {{ t("account.view") }}
         </NuxtLink>
       </div>
@@ -45,7 +47,7 @@ const orderDate = computed(() =>
       <div
         class="block sm:hidden text-center text-dark cursor-pointer bg-secondary py-2"
       >
-        <NuxtLink :to="`/account/order/details/${order.id}`">
+        <NuxtLink :to="formatLink(`/account/order/details/${order.id}`)">
           {{ t("account.view") }}
         </NuxtLink>
       </div>

diff --git a/templates/vue-demo-store/pages/checkout/index.vue b/templates/vue-demo-store/pages/checkout/index.vue
@@ -226,7 +226,7 @@ const placeOrder = async () => {
 
   try {
     const order = await createOrder();
-    await push(`/checkout/success/${order.id}`);
+    await push(formatLink(`/checkout/success/${order.id}`));
     refreshCart();
   } catch (error) {
     if (error instanceof ApiClientError)
@@ -277,7 +277,7 @@ const invokeSubmit = async () => {
       const response = await register(state);
       if (!response.active) {
         pushInfo(t("checkout.messages.checkoutSignInSuccess"));
-        await push("/");
+        await push(formatLink("/"));
       }
     } catch (error) {
       if (error instanceof ApiClientError) {
@@ -290,7 +290,7 @@ async function invokeLogout() {
   try {
     await logout();
   } finally {
-    await push("/");
+    await push(formatLink("/"));
   }
 }