R2m1liA
227b537a0f
All checks were successful
deploy to server / build-and-deploy (push) Successful in 5m11s
- 为product和product-list添加组合式API
112 lines
2.6 KiB
TypeScript
112 lines
2.6 KiB
TypeScript
import { readItem } from '@directus/sdk';
|
|
|
|
export const useProduct = (id: string) => {
|
|
const { $directus } = useNuxtApp();
|
|
|
|
const { getDirectusLocale } = useLocalizations();
|
|
const locale = getDirectusLocale();
|
|
|
|
return useAsyncData(`product-${id}-${locale}`, async () => {
|
|
return await $directus.request(
|
|
readItem('products', id, {
|
|
fields: [
|
|
'id',
|
|
{ translations: ['id', 'name', 'summary', 'description'] },
|
|
{
|
|
images: [
|
|
'id',
|
|
{
|
|
product_images_id: [
|
|
'id',
|
|
'image',
|
|
{ translations: ['id', 'caption'] },
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
specs: [
|
|
'id',
|
|
{
|
|
translations: ['*'],
|
|
},
|
|
{
|
|
specs: [
|
|
'id',
|
|
{
|
|
translations: ['id', 'key'],
|
|
},
|
|
'value',
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
faqs: [
|
|
'id',
|
|
{
|
|
questions_id: [
|
|
'id',
|
|
{
|
|
translations: ['id', 'title', 'content'],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
documents: [
|
|
'id',
|
|
{
|
|
product_documents_id: [
|
|
'id',
|
|
{
|
|
file: ['id', 'filesize', 'filename_download'],
|
|
},
|
|
{
|
|
translations: ['id', 'title'],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
deep: {
|
|
translations: {
|
|
_filter: {
|
|
languages_code: { _eq: locale },
|
|
},
|
|
},
|
|
images: {
|
|
product_images_id: {
|
|
translations: {
|
|
_filter: {
|
|
languages_code: { _eq: locale },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
faqs: {
|
|
questions_id: {
|
|
translations: {
|
|
_filter: {
|
|
languages_code: { _eq: locale },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
documents: {
|
|
documents_id: {
|
|
translations: {
|
|
_filter: {
|
|
languages_code: { _eq: locale },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
})
|
|
);
|
|
});
|
|
};
|