It looks like you're asking about using (likely SolidJS or a Solid-based framework) to create a feature named "PC Book" (maybe a PC booking system or a PC catalog), with the content or data sourced from DITA (the XML authoring standard for technical documentation).
DitaViewer component that fetches and renders DITA XML. Example approach: // DitaViewer.tsx import { createResource, For } from "solid-js"; const fetchDita = async (topicPath: string) => { const res = await fetch(topicPath); const xmlText = await res.text(); const parser = new DOMParser(); const xmlDoc = parser.parseFromString(xmlText, "application/xml"); return xmlDoc; }; pc book.in dita
However, your query "pc book.in dita" is a bit ambiguous. Let me break down the most likely interpretations and give you a direction for each. 1. Most likely: You want to render DITA content inside a SolidJS app for a "PC Book" (a book about PCs / PC manual) If your goal is to load and display DITA topics ( .dita or .ditamap ) in a SolidJS component: It looks like you're asking about using (likely
export const PcBookFeature = () => { const [bookings] = createResource(fetchBookingData); const [selectedSlot, setSelectedSlot] = createStore({}); Let me break down the most likely interpretations
export const DitaViewer = (props: { src: string }) => { const [data] = createResource(() => props.src, fetchDita);