schon/storefront/composables/posts/usePostBySlug.ts
Alexandr SaVBaD Waltz 40ae24a04c Features: 1) Add SEO-related fragments to GraphQL queries including SEOMETA_FRAGMENT usage in brands, categories, and products queries; 2) Enable localized and dynamic SEO metadata handling in category pages with Vue composables and useSeoMeta; 3) Replace obsolete client-only wrapper with native Nuxt components like nuxt-marquee for enhanced rendering;
Fixes: 1) Correct file path imports by removing `.js` extensions in GraphQL fragments; 2) Resolve typo in `usePromocodeStore` composables to ensure consistent store usage; 3) Add missing `:type="submit"` to login form button for proper form submission handling;

Extra: 1) Remove unused `.idea` and `README.md` files for repository cleanup; 2) Delete extraneous dependencies from `package-lock.json` for streamlined package management; 3) Refactor category slug handling with improved composable logic for cleaner route parameters and SEO alignment.
2025-09-13 12:53:06 +03:00

38 lines
No EOL
764 B
TypeScript

import type {IPostResponse} from '~/types';
import {GET_POST_BY_SLUG} from "~/graphql/queries/standalone/blog";
export async function usePostBySlug(slug: string) {
const { locale } = useI18n();
const variables = reactive({
slug: slug,
first: 1
});
const { data, error, refresh } = await useAsyncQuery<IPostResponse>(
GET_POST_BY_SLUG,
variables
);
const post = computed(() => data.value?.posts.edges[0]?.node ?? null);
watch(locale, async () => {
if (variables.first >= 100) {
variables.first = 0;
} else {
variables.first += 1;
}
await refresh();
});
watch(error, (err) => {
if (err) {
console.error('usePostBySlug error:', err)
}
});
return {
post,
refresh
};
}