Preguntas Frecuentes

types

export type DetailItem = {
  id: number;
  question: string;
  answer: string;
};

export type DetailList = DetailItem[];

interfaces/locales/verticals

export interface FrequentQuestionsLocales {
  details: [
    {
      id: string;
      question: string;
      answer: string;
    }
  ];
}

constants/commonComponents

export const COMMON_COMPONENTS = [
  "navbar",
  "footer",
  "card",
  "cookies-modal",
  "whatsapp",
  "contact-form",
  "frequent-questions-home",
  "frequent-questions-product",
] as const;

TheDetail.vue

Gracias al inject recibe los datos

import type { DetailList } from "@/types/frequentQuestions";
const frequentQuestionsLocales = inject<{ details: DetailList }>(
  "frequentQuestions"
);

Para usarlo

const { data: frequentQuestionsLocales } =
  await useLocales<FrequentQuestionsLocales>("frequent-questions-home");

provide("frequentQuestions", frequentQuestionsLocales);

En el template

<UiTheDetail />