fix(vue-demo-store): extract lang code from accept-language header (#307

)
shopware · Jul 13, 2023 · b3d391b · b3d391b · vercel · Jul 13, 2023
1 parent 1c56f31
commit b3d391b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/itchy-kiwis-sin.md b/.changeset/itchy-kiwis-sin.md
@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Extract lang code from accept-language header in SSR for Intl.NumberFormat purposes
diff --git a/templates/vue-demo-store/app.vue b/templates/vue-demo-store/app.vue
@@ -28,12 +28,18 @@ sessionContextData.value = await getSessionContext(apiInstance);
 //   }
 // );
 
-// read the locale from accept-language header (i.e. en-GB or de-DE)
+// read the locale/lang code from accept-language header (i.e. en, en-GB or de-DE)
 // and set configuration for price formatting globally
 const headers = useRequestHeaders();
+// Extract the first (with highest priority order) locale or lang code from accept-language header
+// for example: "en-US;q=0.7,en;q=0.3" will return "en-US"
 const localeFromHeader = headers?.["accept-language"]
   ?.split(",")
-  ?.find((languageConfig) => languageConfig.match(/([a-z]){2}\-([A-Z]{2})/));
+  ?.map(
+    (languageConfig) => languageConfig.match(/^([a-z]{2}(?:-[A-Z]{2})?)/)?.[0],
+  )
+  .find(Boolean);
+
 usePrice({
   currencyCode: sessionContextData.value?.currency?.isoCode || "",
   localeCode: localeFromHeader,