remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 问题列表的API重构

Browse Source
This commit is contained in:
R2m1liA
2025-11-11 16:49:58 +08:00
parent 3e7b195002
commit a07d77dde7
3 changed files with 32 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
app/composables/directus/useQuestionList.ts
View File

@ -1,4 +1,4 @@
import { readItems } from '@directus/sdk';
import GetQuestionList from '@/graphql/questionList.graphql?raw';
export const useQuestionList = () => {
const { $directus } = useNuxtApp();
@ -7,57 +7,8 @@ export const useQuestionList = () => {
const locale = getDirectusLocale();
return useAsyncData(`question-list-${locale}`, async () => {
return await $directus.request(
readItems('questions', {
fields: [
'id',
{
translations: ['*'],
},
{
products: [
'id',
{
products_id: [
'id',
{
product_type: [
'id',
{
translations: ['id', 'name'],
},
],
},
{ translations: ['id', 'name'] },
],
},
],
},
],
deep: {
translations: {
_filter: {
languages_code: { _eq: locale },
},
},
products: {
products_id: {
product_type: {
translations: {
_filter: {
languages_code: { _eq: locale },
},
},
},
translations: {
_filter: {
languages_code: { _eq: locale },
},
},
},
},
},
})
);
return await $directus.query<{ questions: Question[] }>(GetQuestionList, {
locale: locale,
});
});
};

27
app/graphql/questionList.graphql Normal file
View File

@ -0,0 +1,27 @@
query GetQuestionList($locale: String!) {
questions {
id
translations(filter: { languages_code: { code: { _eq: $locale } } }) {
id
title
content
}
products {
id
products_id {
id
product_type {
id
translations(filter: { languages_code: { code: { _eq: $locale } } }) {
id
name
}
}
translations(filter: { languages_code: { code: { _eq: $locale } } }) {
id
name
}
}
}
}
}

2
app/pages/support/faq.vue
View File

@ -41,7 +41,7 @@
const { data, pending, error } = await useQuestionList();
const questions = computed(
() => data.value.map((item) => toQuestionListView(item)) ?? null
() => data.value.questions.map((item) => toQuestionListView(item)) ?? null
);
const productTypeOptions = computed(() => {