feat: display product titles without suffix

apps/web/composables/useProduct/useProduct.ts

@@ -59,10 +59,14 @@ export const useProduct: UseProductReturn = (slug) => {
    * @description Function for setting product title meta data
    */
   const setProductMeta = () => {
-    const title = productGetters.getName(state.value.data);
+    const { titleSuffix } = useAppConfig();
+
+    const title =
+      productGetters.getTitle(state.value.data) || `${productGetters.getName(state.value.data)} | ${titleSuffix}`;
 
     useHead({
       title,
+      titleTemplate: '',
       meta: [
         {
           name: 'description',

apps/web/layouts/default.vue

@@ -21,7 +21,6 @@
 <script setup lang="ts">
 import type { DefaultLayoutProps } from '~/layouts/types';
 defineProps<DefaultLayoutProps>();
-usePageTitle();
 const { setLogoMeta } = useStructuredData();
 const { isOpen, product } = useQuickCheckout();
 const viewport = useViewport();

docs/changelog/changelog_en.md

@@ -16,6 +16,7 @@
 - Implement new notification design
 - Adding the ability to have alt text for images.
 - It's now possible to change the font color of the hero banner via a template property.
+- Display product titles without global suffix when available, maintaining backward compatibility.
 
 ### 🩹 Fixed