Alexandr SaVBaD Waltz
129ad1a6fa
Fixes: None; Extra: 1) Create Pinia stores for app, user, category, and company management; 2) Add utility functions for error handling and category slug lookups; 3) Include German locale file and robots.txt for improved SEO and accessibility; 4) Add SVG assets and improve general folder structure for better maintainability.
52 lines
No EOL
1.4 KiB
TypeScript
52 lines
No EOL
1.4 KiB
TypeScript
import {SEARCH} from "~/graphql/mutations/search";
|
|
import type {ISearchResponse, ISearchResults} from "~/types";
|
|
import {isGraphQLError} from "~/utils/error";
|
|
|
|
export function useSearch() {
|
|
const {t} = useI18n();
|
|
|
|
const searchResults = ref<ISearchResults | null>(null);
|
|
|
|
const { mutate, loading, error } = useMutation<ISearchResponse>(SEARCH);
|
|
|
|
async function search(
|
|
query: string
|
|
) {
|
|
searchResults.value = null;
|
|
const result = await mutate({ query });
|
|
|
|
if (result?.data?.search) {
|
|
const limitedResults = {
|
|
brands: result.data.search.results.brands?.slice(0, 7) || [],
|
|
categories: result.data.search.results.categories?.slice(0, 7) || [],
|
|
posts: result.data.search.results.posts?.slice(0, 7) || [],
|
|
products: result.data.search.results.products?.slice(0, 7) || []
|
|
};
|
|
|
|
searchResults.value = limitedResults;
|
|
return { results: limitedResults };
|
|
}
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useSearch error:', err);
|
|
let message = t('popup.errors.defaultError');
|
|
if (isGraphQLError(err)) {
|
|
message = err.graphQLErrors?.[0]?.message || message;
|
|
} else {
|
|
message = err.message;
|
|
}
|
|
ElNotification({
|
|
title: t('popup.errors.main'),
|
|
message,
|
|
type: 'error'
|
|
});
|
|
});
|
|
|
|
return {
|
|
search,
|
|
loading,
|
|
searchResults
|
|
};
|
|
} |