From 22c3260390edd1b1e50a6d1b1b2a9feca34fc040 Mon Sep 17 00:00:00 2001 From: Vincent Vu Date: Tue, 8 Oct 2024 12:22:58 +1100 Subject: [PATCH 1/2] Add FileTree and Notes components, update Documents structure --- components/markup/filetree.tsx | 84 ++++++++++++++ contents/docs/markup/alert/index.mdx | 80 ------------- contents/docs/markup/cards/index.mdx | 145 ++++++++++++------------ contents/docs/markup/diagrams/index.mdx | 112 +++++++----------- contents/docs/markup/filetree/index.mdx | 20 ++++ contents/docs/markup/lists/index.mdx | 82 +++----------- contents/docs/markup/maths/index.mdx | 106 ++++++----------- contents/docs/markup/notes/index.mdx | 30 +++++ contents/docs/markup/steps/index.mdx | 94 +++++---------- contents/docs/markup/table/index.mdx | 89 +-------------- contents/docs/markup/tabs/index.mdx | 58 ---------- lib/components.ts | 11 ++ public/images/banner.png | Bin 11015 -> 12494 bytes settings/documents.ts | 12 +- 14 files changed, 349 insertions(+), 574 deletions(-) create mode 100644 components/markup/filetree.tsx delete mode 100644 contents/docs/markup/alert/index.mdx create mode 100644 contents/docs/markup/filetree/index.mdx create mode 100644 contents/docs/markup/notes/index.mdx diff --git a/components/markup/filetree.tsx b/components/markup/filetree.tsx new file mode 100644 index 0000000..0a495bb --- /dev/null +++ b/components/markup/filetree.tsx @@ -0,0 +1,84 @@ +"use client"; + +import { createContext, memo, useCallback, useContext, useState, ReactElement, ReactNode } from 'react'; +import { FiFileText } from "react-icons/fi"; +import { LuFolder, LuFolderClosed } from "react-icons/lu"; + +import cn from "clsx"; + +const ctx = createContext(0); + +interface FolderProps { + name: string; + label?: ReactElement; + open?: boolean; + defaultOpen?: boolean; + onToggle?: (open: boolean) => void; + children: ReactNode; +} + +interface FileProps { + name: string; + label?: ReactElement; +} + +function useIndent() { + return useContext(ctx); +} + + +function Tree({ children }: { children: ReactNode }): ReactElement { + return ( +
+ +
+ ); +} + +export const Folder = memo(({ label, name, open, defaultOpen = false, onToggle, children }: FolderProps) => { + const indent = useIndent(); + const [isOpen, setIsOpen] = useState(defaultOpen); + + const toggle = useCallback(() => { + onToggle?.(!isOpen); + setIsOpen(!isOpen); + }, [isOpen, onToggle]); + + const isFolderOpen = open === undefined ? isOpen : open; + + return ( +
  • +
    + + {isFolderOpen ? : } + + {label ?? name} +
    + {isFolderOpen && ( + + )} +
  • + ); +}); + +Folder.displayName = 'Folder'; + +export const File = memo(({ label, name }: FileProps) => ( +
  • +
    + + + + {label ?? name} +
    +
  • +)); + +File.displayName = 'File'; + +export default Tree; diff --git a/contents/docs/markup/alert/index.mdx b/contents/docs/markup/alert/index.mdx deleted file mode 100644 index 20e0bf4..0000000 --- a/contents/docs/markup/alert/index.mdx +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Alert -description: This section provides an overview of Introduction. ---- - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam - - - [x] Write the press release - - [ ] Update the website - - [ ] Contact the media - -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - - - Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} -``` - - - -## Conclusion - -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! diff --git a/contents/docs/markup/cards/index.mdx b/contents/docs/markup/cards/index.mdx index 8648d5e..03a279d 100644 --- a/contents/docs/markup/cards/index.mdx +++ b/contents/docs/markup/cards/index.mdx @@ -5,76 +5,75 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media - -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} -``` - - - -## Conclusion - -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! +## Small Card + + + + + + + +## Large Card + + + + + + + +## Image Card + + + + + + \ No newline at end of file diff --git a/contents/docs/markup/diagrams/index.mdx b/contents/docs/markup/diagrams/index.mdx index 7e78639..1c61774 100644 --- a/contents/docs/markup/diagrams/index.mdx +++ b/contents/docs/markup/diagrams/index.mdx @@ -5,76 +5,42 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media - -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} -``` - - - -## Conclusion - -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! +## Flowchart + + Task1; + Task1 --> Task2; + Task2 --> End;`} /> + +## Decision Tree + + B{Is it raining?}; + B -->|Yes| C[Take an umbrella]; + B -->|No| D[Enjoy the weather]; + C --> E[Go outside]; + D --> E;`} /> + +## Entity-Relationship Diagram + + \ No newline at end of file diff --git a/contents/docs/markup/filetree/index.mdx b/contents/docs/markup/filetree/index.mdx new file mode 100644 index 0000000..fbe0f09 --- /dev/null +++ b/contents/docs/markup/filetree/index.mdx @@ -0,0 +1,20 @@ +--- +title: Filetree +description: This section provides an overview of Introduction. +--- + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam + + + + + + + + + + + + + + diff --git a/contents/docs/markup/lists/index.mdx b/contents/docs/markup/lists/index.mdx index 21ecaff..49ef637 100644 --- a/contents/docs/markup/lists/index.mdx +++ b/contents/docs/markup/lists/index.mdx @@ -5,76 +5,30 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam +## Checklist + - [x] Write the press release - [ ] Update the website - [ ] Contact the media -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. +## Simple List -## Code Examples with switch +- Item 1 +- Item 2 +- Item 3 -Here a custom tab component from shadcn ui is used. +## Number List - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} -``` - - +1. Research +2. Draft the content +3. Review and edit +4. Publish -## Conclusion +## Nested List -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! +- Main Category 1 + - Sub Item 1.1 + - Sub Item 1.2 +- Main Category 2 + - Sub Item 2.1 + - Sub Item 2.2 \ No newline at end of file diff --git a/contents/docs/markup/maths/index.mdx b/contents/docs/markup/maths/index.mdx index 148ec7c..b8a2e3d 100644 --- a/contents/docs/markup/maths/index.mdx +++ b/contents/docs/markup/maths/index.mdx @@ -5,83 +5,43 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam -Lift($$L$$) can be determined by Lift Coefficient ($$C_L$$) like the following -equation. +## Basic Algebra + +The area of a circle ($$A$$) can be calculated using the radius ($$r$$) as follows: ```math -L = \frac{1}{2} \rho v^2 S C_L +A = \pi r^2 ``` -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media - -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} + +## Quadratic Formula + +The quadratic formula for solving an equation of the form $$ax^2 + bx + c = 0$$ is: + +```math +x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} ``` - - -## Conclusion +## Newton's Second Law of Motion + +Newton's second law of motion states that force ($$F$$) is the product of mass ($$m$$) and acceleration ($$a$$): + +```math +F = ma +``` -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! +## Pythagorean Theorem + +The Pythagorean theorem relates the lengths of the sides of a right triangle: + +```math +a^2 + b^2 = c^2 +``` + +## Einstein's Mass-Energy Equivalence + +Einstein's famous equation relates energy ($$E$$), mass ($$m$$), and the speed of light ($$c$$): + +```math +E = mc^2 +``` \ No newline at end of file diff --git a/contents/docs/markup/notes/index.mdx b/contents/docs/markup/notes/index.mdx new file mode 100644 index 0000000..51db71a --- /dev/null +++ b/contents/docs/markup/notes/index.mdx @@ -0,0 +1,30 @@ +--- +title: Notes +description: This section provides an overview of Introduction. +--- + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam + +## Standard Note + + + The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file. + + +## Success Note + + + The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file. + + +## Warning Note + + + The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file. + + +## Danger Note + + + The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file. + \ No newline at end of file diff --git a/contents/docs/markup/steps/index.mdx b/contents/docs/markup/steps/index.mdx index c4f3bfa..6121d57 100644 --- a/contents/docs/markup/steps/index.mdx +++ b/contents/docs/markup/steps/index.mdx @@ -3,78 +3,42 @@ title: Steps description: This section provides an overview of Introduction. --- -Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam +The `` and `` components allow you to create structured step-by-step guides in your documentation. These components are particularly useful when you want to break down a process or tutorial into easy-to-follow stages. -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media +## Steps -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | +To create a step-by-step guide in your MDX, you can use the following structure: -## Getting Started + + + Make sure you have Node.js installed on your machine. You can download it from [here](https://nodejs.org). + + To verify the installation, run the following command: -To begin using the Documentation Template, follow these simple steps: + ```bash + node -v + ``` + -- Start by cloning the repository to your local machine. + + After cloning the repository, navigate to the project directory and install the necessary dependencies: -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. + ```bash + npm install + ``` + -## Blockquotes + + Start the development server: -Blockquotes are useful for emphasizing key points or quoting external sources: + ```bash + npm run dev + ``` -> "Documentation is a love letter that you write to your future self." - Damian Conway + You can access the application at: -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} -``` - - - -## Conclusion - -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! + ```bash + http://localhost:3000 + ``` + + \ No newline at end of file diff --git a/contents/docs/markup/table/index.mdx b/contents/docs/markup/table/index.mdx index d54f82b..2eb2626 100644 --- a/contents/docs/markup/table/index.mdx +++ b/contents/docs/markup/table/index.mdx @@ -5,94 +5,15 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media - | Syntax | Description | Test Text | | :------------ | :---------: | ----------: | | Header | Title | Here's this | | Paragraph | Text | And more | | Strikethrough | | ~~Text~~ | -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - -## Code Examples with switch - -Here a custom tab component from shadcn ui is used. - - - - layout.jsx - layout.tsx - - - ```jsx {7} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ children }) { - return ( - - - {children} - - - )} -```` - - -```tsx {11} showLineNumbers -import ThemeProvider from './theme-provider' - -export default function RootLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - - - {children} - - - ) -} - -/* ==================== - Typography Styles -==================== */ -.typography { - @apply prose prose-zinc `prose-headings`:scroll-m-20 prose-code:leading-6 prose-code:font-code prose-code:p-1 prose-code:rounded-md prose-pre:bg-neutral-100 prose-pre:border prose-code:before:content-none prose-code:after:content-none prose-img:rounded-md prose-img:border; - @apply text-sm prose-code:text-xs w-[85vw] !min-w-full sm:w-full sm:mx-auto pt-2; - @apply dark:prose-invert dark:prose-code:bg-neutral-900 prose-code:text-neutral-800 dark:prose-code:text-white dark:prose-pre:bg-neutral-900; -} - -.prose { - margin: 0 !important; -} - -/* List styles */ -.prose ul > li::marker { - color: hsl(0, 0%, 29%); -} -``` - - - -## Conclusion -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! +| Feature | Documentation Link | Notes | +| :---------- | :----------------: | ----------------------: | +| **Feature A**| [Docs](#) | For more info click here | +| **Feature B**| [Guide](#) | See the full guide here | +| **Feature C**| [Setup](#) | Setup instructions | diff --git a/contents/docs/markup/tabs/index.mdx b/contents/docs/markup/tabs/index.mdx index ee32972..5febe82 100644 --- a/contents/docs/markup/tabs/index.mdx +++ b/contents/docs/markup/tabs/index.mdx @@ -5,60 +5,6 @@ description: This section provides an overview of Introduction. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam -- [x] Write the press release -- [ ] Update the website -- [ ] Contact the media - -| Syntax | Description | Test Text | -| :------------ | :---------: | ----------: | -| Header | Title | Here's this | -| Paragraph | Text | And more | -| Strikethrough | | ~~Text~~ | - -# Sample Document with Mermaid - -Here is a Mermaid diagram: - -B; - A-->C; - B-->D; - C-->D;`} /> - -This diagram should render automatically without any extra imports. - - - - - - -## Getting Started - -To begin using the Documentation Template, follow these simple steps: - -- Start by cloning the repository to your local machine. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet. - -## Blockquotes - -Blockquotes are useful for emphasizing key points or quoting external sources: - -> "Documentation is a love letter that you write to your future self." - Damian Conway - -Feel free to use blockquotes to highlight important information or quotes relevant to your documentation. - ## Code Examples with switch Here a custom tab component from shadcn ui is used. @@ -102,7 +48,3 @@ export default function RootLayout({ ``` - -## Conclusion - -Thank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting! diff --git a/lib/components.ts b/lib/components.ts index 5d3541f..da3cae8 100644 --- a/lib/components.ts +++ b/lib/components.ts @@ -7,10 +7,21 @@ import Pre from "@/components/ui/pre"; import { Step, StepItem } from "@/components/markup/step"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; +import dynamic from 'next/dynamic'; + +const FileTree = dynamic(() => import('@/components/markup/filetree'), { + ssr: false, +}); + +import { Folder, File } from '@/components/markup/filetree'; + export const components = { a: RoutedLink as React.ComponentType>, Card, CardGrid, + FileTree, + Folder, + File, Mermaid, Note, pre: Pre, diff --git a/public/images/banner.png b/public/images/banner.png index 2fc51c89e68934332c265c3017760f5a9dd7908c..49dd71d1c0f0b3fcb15c5b62a349c82dbed33549 100644 GIT binary patch literal 12494 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 O7tX4kN&m~#`+ot2hjwWI literal 11015 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 diff --git a/settings/documents.ts b/settings/documents.ts index 1bb8e5d..09efde1 100644 --- a/settings/documents.ts +++ b/settings/documents.ts @@ -52,10 +52,6 @@ export const Documents: Paths[] = [ href: "/markup", heading: "Components", items: [ - { - title: "Alert", - href: "/alert", - }, { title: "Cards", href: "/cards", @@ -64,6 +60,10 @@ export const Documents: Paths[] = [ title: "Diagrams", href: "/diagrams", }, + { + title: "Filetree", + href: "/filetree", + }, { title: "Lists", href: "/lists", @@ -72,6 +72,10 @@ export const Documents: Paths[] = [ title: "Maths", href: "/maths", }, + { + title: "Notes", + href: "/notes", + }, { title: "Steps", href: "/steps", From 32932936c1d7200d08ba1cd9a47360faebf0908c Mon Sep 17 00:00:00 2001 From: Vincent Vu Date: Tue, 8 Oct 2024 12:23:26 +1100 Subject: [PATCH 2/2] Update Documents structure: remove Alert and add Filetree and Notes entries --- dist/scripts/settings/documents.mjs | 12 +++++++---- public/search-data/documents.json | 32 +++++++++++++++++------------ 2 files changed, 27 insertions(+), 17 deletions(-) diff --git a/dist/scripts/settings/documents.mjs b/dist/scripts/settings/documents.mjs index db0487e..397e2b4 100644 --- a/dist/scripts/settings/documents.mjs +++ b/dist/scripts/settings/documents.mjs @@ -50,10 +50,6 @@ export const Documents = [ href: "/markup", heading: "Components", items: [ - { - title: "Alert", - href: "/alert", - }, { title: "Cards", href: "/cards", @@ -62,6 +58,10 @@ export const Documents = [ title: "Diagrams", href: "/diagrams", }, + { + title: "Filetree", + href: "/filetree", + }, { title: "Lists", href: "/lists", @@ -70,6 +70,10 @@ export const Documents = [ title: "Maths", href: "/maths", }, + { + title: "Notes", + href: "/notes", + }, { title: "Steps", href: "/steps", diff --git a/public/search-data/documents.json b/public/search-data/documents.json index 920438b..b629f1f 100644 --- a/public/search-data/documents.json +++ b/public/search-data/documents.json @@ -23,23 +23,23 @@ "description": "Setting up and configuring your documentation project", "content": "Setting up your new documentation project is straightforward. Most of the essential project settings can be configured within the `settings` folder.\n\n## Settings\n\nThis section provides the core settings for your documentation site, such as defining the site's URL, site icon and title.\n\n```tsx showLineNumbers\nexport const url = \"\"; // The URL for your documentation site\r\nexport const siteicon = \"\"; // Icon displayed next to the site name in the header\r\nexport const sitename = \"\"; // Title of your documentation site\n```\n\n## Google Tags\n\nThis section allows you to integrate Google Tag Manager into your documentation project. You can add your GTM code and configure whether it's connected.\n\n```tsx showLineNumbers\nexport const gtm = \"\"; // Add your Google Tag Manager code here\r\nexport const gtmconnected = true; // Set to true if GTM is connected, otherwise set to false\n```\n\n## Search Engine\n\nConfigure essential SEO settings to ensure your documentation site is optimized for search engines. This includes meta descriptions, keywords and social media sharing details like images and alt text.\n\n```tsx showLineNumbers\nexport const description = \"\"; // Description of your documentation site for SEO\r\nexport const keywords = [\"\", \"\"]; // List of SEO keywords for your documentation site\r\nexport const urlimage = \"\"; // The URL of the image used when sharing on social media)\r\nexport const imagealt = \"\"; // Alt text for shared images, helpful for screen readers\r\nexport const twitterhandle = \"\"; // Your company’s Twitter handle for social sharing\n```\n\n## Footer Branding\n\nThe footer settings allow you to customize the company information displayed at the bottom of the site. You can add the company name and the URL that the name will link to.\n\n```tsx showLineNumbers\nexport const companyname = \"\"; // The company name displayed in the copyright section\r\nexport const companylink = \"\"; // The URL your company name should link to\n```\n\n## General Layout\n\nThe layout settings control the appearance and functionality of various elements of the documentation site, such as branding, the right sidebar, feedback options, table of contents, and scroll-to-top functionality.\n\n```tsx showLineNumbers\nexport const branding = true; // Set to true to display our branding elements\r\nexport const rightsidebar = true; // Set to true to enable the right sidebar with feedback, table of contents and scroll-to-top\r\nexport const feedbackedit = true; // Control to enable/disable feedback on GitHub\r\nexport const tableofcontent = true; // Control to enable/disable the generated table of contents\r\nexport const totopscroll = true; // Control to enable/disable scroll-to-top button\n```\n\n## Github Control\n\nIf your MDX files are hosted on GitHub, you can configure the project to load documents directly from there. This option can be useful for syncing documentation updates directly with your repository.\n\n```tsx showLineNumbers\nexport const loadfromgithub = false; // Set to true to load your MDX documents directly from GitHub\n```\n\n## Project Structure\n\n\n \n\n" }, - { - "slug": "/markup/alert", - "title": "Alert", - "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\n| :------------ | :---------: | ----------: |\n| Header | Title | Here's this |\n| Paragraph | Text | And more |\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" - }, { "slug": "/markup/cards", "title": "Cards", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\r\n| :------------ | :---------: | ----------: |\r\n| Header | Title | Here's this |\r\n| Paragraph | Text | And more |\r\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Small Card\n\n\n \n\n \n\n \n\n\n## Large Card\n\n\n \n\n \n\n \n\n\n## Image Card\n\n\n \n\n \n\n \n\n" }, { "slug": "/markup/diagrams", "title": "Diagrams", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\r\n| :------------ | :---------: | ----------: |\r\n| Header | Title | Here's this |\r\n| Paragraph | Text | And more |\r\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Flowchart\n\n## Decision Tree\n\n## Entity-Relationship Diagram\n" + }, + { + "slug": "/markup/filetree", + "title": "Filetree", + "description": "This section provides an overview of Introduction.", + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n \n\n" }, { "slug": "/markup", @@ -51,31 +51,37 @@ "slug": "/markup/lists", "title": "Lists", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\r\n| :------------ | :---------: | ----------: |\r\n| Header | Title | Here's this |\r\n| Paragraph | Text | And more |\r\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Checklist\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n## Simple List\n\n* Item 1\n* Item 2\n* Item 3\n\n## Number List\n\n1. Research\n2. Draft the content\n3. Review and edit\n4. Publish\n\n## Nested List\n\n* Main Category 1\n * Sub Item 1.1\n * Sub Item 1.2\n* Main Category 2\n * Sub Item 2.1\n * Sub Item 2.2\n" }, { "slug": "/markup/maths", "title": "Maths", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\nLift($$L$$) can be determined by Lift Coefficient ($$C\\_L$$) like the following\r\nequation.\n\n```math\nL = \\frac{1}{2} \\rho v^2 S C_L\n```\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\r\n| :------------ | :---------: | ----------: |\r\n| Header | Title | Here's this |\r\n| Paragraph | Text | And more |\r\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Basic Algebra\n\nThe area of a circle ($$A$$) can be calculated using the radius ($$r$$) as follows:\n\n```math\nA = \\pi r^2\n```\n\n## Quadratic Formula\n\nThe quadratic formula for solving an equation of the form $$ax^2 + bx + c = 0$$ is:\n\n```math\nx = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\n```\n\n## Newton's Second Law of Motion\n\nNewton's second law of motion states that force ($$F$$) is the product of mass ($$m$$) and acceleration ($$a$$):\n\n```math\nF = ma\n```\n\n## Pythagorean Theorem\n\nThe Pythagorean theorem relates the lengths of the sides of a right triangle:\n\n```math\na^2 + b^2 = c^2\n```\n\n## Einstein's Mass-Energy Equivalence\n\nEinstein's famous equation relates energy ($$E$$), mass ($$m$$), and the speed of light ($$c$$):\n\n```math\nE = mc^2\n```\n" + }, + { + "slug": "/markup/notes", + "title": "Notes", + "description": "This section provides an overview of Introduction.", + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Standard Note\n\n\n The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file.\n\n\n## Success Note\n\n\n The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file.\n\n\n## Warning Note\n\n\n The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file.\n\n\n## Danger Note\n\n\n The project's search functionality relies on the Husky's automation to build `search-data/documents.json` ensure git commit is performed to generate this file.\n\n" }, { "slug": "/markup/steps", "title": "Steps", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\r\n| :------------ | :---------: | ----------: |\r\n| Header | Title | Here's this |\r\n| Paragraph | Text | And more |\r\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "The `` and `` components allow you to create structured step-by-step guides in your documentation. These components are particularly useful when you want to break down a process or tutorial into easy-to-follow stages.\n\n## Steps\n\nTo create a step-by-step guide in your MDX, you can use the following structure:\n\n\n \n Make sure you have Node.js installed on your machine. You can download it from [here](https://nodejs.org).\n\n To verify the installation, run the following command:\n\n ```bash\n node -v\n ```\n \n\n \n After cloning the repository, navigate to the project directory and install the necessary dependencies:\n\n ```bash\n npm install\n ```\n \n\n \n Start the development server:\n\n ```bash\n npm run dev\n ```\n\n You can access the application at:\n\n ```bash\n http://localhost:3000\n ```\n \n\n" }, { "slug": "/markup/table", "title": "Table", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\n| :------------ | :---------: | ----------: |\n| Header | Title | Here's this |\n| Paragraph | Text | And more |\n| Strikethrough | | ~~Text~~ |\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n| Syntax | Description | Test Text |\n| :------------ | :---------: | ----------: |\n| Header | Title | Here's this |\n| Paragraph | Text | And more |\n| Strikethrough | | ~~Text~~ |\n\n| Feature | Documentation Link | Notes |\n| :---------- | :----------------: | ----------------------: |\n| **Feature A**| [Docs](#) | For more info click here |\n| **Feature B**| [Guide](#) | See the full guide here |\n| **Feature C**| [Setup](#) | Setup instructions |\n" }, { "slug": "/markup/tabs", "title": "Tabs", "description": "This section provides an overview of Introduction.", - "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n* \\[x] Write the press release\n* \\[ ] Update the website\n* \\[ ] Contact the media\n\n| Syntax | Description | Test Text |\n| :------------ | :---------: | ----------: |\n| Header | Title | Here's this |\n| Paragraph | Text | And more |\n| Strikethrough | | ~~Text~~ |\n\n# Sample Document with Mermaid\n\nHere is a Mermaid diagram:\n\nThis diagram should render automatically without any extra imports.\n\n\n \n\n \n\n\n## Getting Started\n\nTo begin using the Documentation Template, follow these simple steps:\n\n* Start by cloning the repository to your local machine.\n\nLorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quae iure nulla deserunt dolore quam pariatur minus sapiente accusantium. Optio, necessitatibus sequi. Veritatis, aspernatur? Possimus quis repellat eum vitae eveniet.\n\n## Blockquotes\n\nBlockquotes are useful for emphasizing key points or quoting external sources:\n\n> \"Documentation is a love letter that you write to your future self.\" - Damian Conway\n\nFeel free to use blockquotes to highlight important information or quotes relevant to your documentation.\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n\n## Conclusion\n\nThank you for choosing the Documentation Template for your project. Whether you're documenting software, APIs, or processes, we're here to support you in creating clear and effective documentation. Happy documenting!\n" + "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam iste dolorum tempore consectetur explicabo tempora provident quia maxime, molestiae, facilis aperiam et, error illum vel ullam? Quis architecto dolore ullam\n\n## Code Examples with switch\n\nHere a custom tab component from shadcn ui is used.\n" }, { "slug": "/navigation",