chore(template): add cache options

Signed-off-by: Frederik Bußmann <frederik@bussmann.io>

Author: freb97

template/app/components/Footer.vue

@@ -27,6 +27,7 @@ const { data: localization } = await useStorefrontData(`localizations-${locale.v
         country: country.value,
     }),
     transform: data => data?.localization,
+    cache: 'long',
 })
 
 const getCountryLabel = (code: Locale) => {

template/app/components/Header.vue

@@ -24,6 +24,7 @@ const { data: items } = await useStorefrontData('main-menu', `#graphql
                 ? localePath(`/collection/${item.resource?.handle}`)
                 : item.url ?? undefined,
     })) ?? [],
+    cache: 'long',
 })
 </script>
 

template/app/components/collection/Grid.vue

@@ -22,6 +22,7 @@ const { data: collections } = await useStorefrontData(`collections-${locale.valu
         country: country.value,
     }),
     transform: data => flattenConnection(data?.collections).filter(c => c.description),
+    cache: 'long',
 })
 </script>
 

template/app/components/collection/Slider.vue

@@ -69,6 +69,7 @@ const { data: products } = await useStorefrontData(key, `#graphql
         country: country.value,
     }),
     transform: data => flattenConnection(data?.collection?.products),
+    cache: 'long',
 })
 </script>
 

template/app/pages/blog/[handle]/[article].vue

@@ -28,6 +28,7 @@ const { data: blog } = await useStorefrontData(`article-${locale.value}-${handle
         article: article.value,
     },
     transform: data => data?.blog,
+    cache: 'long',
 })
 
 const articleData = computed(() => blog.value?.articleByHandle)

template/app/pages/blog/[handle]/index.vue

@@ -21,6 +21,7 @@ const { data: blog } = await useStorefrontData(`blog-${locale.value}-${handle.va
         handle: handle.value,
     },
     transform: data => data?.blog,
+    cache: 'long',
 })
 </script>
 

template/app/pages/collection/[handle].vue

@@ -55,6 +55,7 @@ const { data: collection, status } = await useStorefrontData(key, `#graphql
     })),
     transform: data => data?.collection,
     watch: [params],
+    cache: 'long',
 })
 
 useSeoMeta({

template/app/pages/product/[handle].vue

@@ -31,6 +31,7 @@ const { data } = await useStorefrontData(`collection-${locale.value}-${handle.va
         language: language.value,
         country: country.value,
     }),
+    cache: 'long',
 })
 
 const product = computed(() => data.value?.product)