feat(newsletter): newsletter status handling

.changeset/kind-starter-template-newsletter.md

@@ -0,0 +1,5 @@
+---
+"vue-starter-template": patch
+---
+
+Remove the extra newsletter status call after subscribing on the account overview now that `useNewsletter` syncs from the API response.

.changeset/sharp-eagles-sync.md

@@ -0,0 +1,5 @@
+---
+"@shopware/composables": patch
+---
+
+Update `useNewsletter` so `newsletterStatus` is set from the subscribe API response, keeping `isNewsletterSubscriber` in sync without an extra status request.

.changeset/swift-demo-store-newsletter.md

@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Remove redundant newsletter status refresh on the account overview now that `useNewsletter` updates state after subscribe.

packages/composables/src/useNewsletter/useNewsletter.ts

@@ -78,6 +78,7 @@ export function useNewsletter(): UseNewsletterReturn {
         },
       },
     );
+    newsletterStatus.value = result.data.status;
     return result.data;
   }
 

templates/vue-demo-store/app/pages/account/index.vue

@@ -61,9 +61,6 @@ async function updateNewsletterStatus() {
       }
     }
   } finally {
-    await getNewsletterStatus();
-
-    newsletter.value = isNewsletterSubscriber.value;
     newsletterDisabled.value = false;
   }
 }

templates/vue-starter-template/app/pages/account/index.vue

@@ -24,8 +24,6 @@ async function handleNewsletterChange() {
         email: user.value?.email || "",
         option: SUBSCRIBE_KEY,
       });
-      // Wait to avoid UI flickering
-      await getNewsletterStatus();
       pushSuccess(t("account.overview.newsletter.messages.subscribed"));
     } else {
       await newsletterUnsubscribe(user.value?.email || "");