diff options
Diffstat (limited to 'examples/docs/src')
8 files changed, 17 insertions, 13 deletions
diff --git a/examples/docs/src/components/HeadCommon.astro b/examples/docs/src/components/HeadCommon.astro index 83045c0d1..fded99bd4 100644 --- a/examples/docs/src/components/HeadCommon.astro +++ b/examples/docs/src/components/HeadCommon.astro @@ -1,4 +1,5 @@ <!-- Global Metadata --> +<meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro index a50957240..a6c82d7bb 100644 --- a/examples/docs/src/components/Header/Header.astro +++ b/examples/docs/src/components/Header/Header.astro @@ -4,8 +4,8 @@ import * as CONFIG from '../../config.ts'; import AstroLogo from './AstroLogo.astro'; import SkipToContent from './SkipToContent.astro'; import SidebarToggle from './SidebarToggle.tsx'; -import LanguageSelect from './LanguageSelect.jsx'; -import Search from "./Search.jsx"; +import LanguageSelect from './LanguageSelect.tsx'; +import Search from "./Search.tsx"; const {currentPage} = Astro.props; const lang = currentPage && getLanguageFromURL(currentPage); diff --git a/examples/docs/src/components/Header/Search.tsx b/examples/docs/src/components/Header/Search.tsx index 19ee513f1..158f6fe29 100644 --- a/examples/docs/src/components/Header/Search.tsx +++ b/examples/docs/src/components/Header/Search.tsx @@ -2,7 +2,7 @@ import { useState, useCallback, useRef } from 'react'; import { createPortal } from 'react-dom'; import { DocSearchModal, useDocSearchKeyboardEvents } from '@docsearch/react'; -import * as CONFIG from '../../config.js'; +import * as CONFIG from '../../config'; import '@docsearch/css/dist/style.css'; import './Search.css'; diff --git a/examples/docs/src/components/PageContent/PageContent.astro b/examples/docs/src/components/PageContent/PageContent.astro index fd1e9d242..4d904852a 100644 --- a/examples/docs/src/components/PageContent/PageContent.astro +++ b/examples/docs/src/components/PageContent/PageContent.astro @@ -1,9 +1,10 @@ --- +import MoreMenu from '../RightSidebar/MoreMenu.astro'; +import TableOfContents from '../RightSidebar/TableOfContents.tsx'; + const {content, githubEditUrl} = Astro.props; const title = content.title; const headers = content.astro.headers; -import MoreMenu from '../RightSidebar/MoreMenu.astro'; -import TableOfContents from '../RightSidebar/TableOfContents.tsx'; --- <style> .content { @@ -31,7 +32,7 @@ import TableOfContents from '../RightSidebar/TableOfContents.tsx'; <section class="main-section"> <h1 class="content-title" id="overview">{title}</h1> <nav class="block sm:hidden"> - <TableOfContents client:media="(max-width: 50em)" headers={headers}/> + <TableOfContents client:media="(max-width: 50em)" headers={headers} /> </nav> <slot /> </section> diff --git a/examples/docs/src/components/RightSidebar/MoreMenu.astro b/examples/docs/src/components/RightSidebar/MoreMenu.astro index c295d8933..c822aaee9 100644 --- a/examples/docs/src/components/RightSidebar/MoreMenu.astro +++ b/examples/docs/src/components/RightSidebar/MoreMenu.astro @@ -1,6 +1,6 @@ --- -import ThemeToggleButton from './ThemeToggleButton.jsx'; -import * as CONFIG from '../../config.js'; +import ThemeToggleButton from './ThemeToggleButton.tsx'; +import * as CONFIG from '../../config'; const {editHref} = Astro.props; const showMoreSection = (CONFIG.COMMUNITY_INVITE_URL || editHref); --- diff --git a/examples/docs/src/components/RightSidebar/RightSidebar.astro b/examples/docs/src/components/RightSidebar/RightSidebar.astro index ed1dd37cc..5e0a86b78 100644 --- a/examples/docs/src/components/RightSidebar/RightSidebar.astro +++ b/examples/docs/src/components/RightSidebar/RightSidebar.astro @@ -1,5 +1,5 @@ --- -import TableOfContents from './TableOfContents.jsx'; +import TableOfContents from './TableOfContents.tsx'; import MoreMenu from './MoreMenu.astro'; const {content, githubEditUrl} = Astro.props; const headers = content.astro.headers; diff --git a/examples/docs/src/languages.ts b/examples/docs/src/languages.ts index 389c3d7a7..5cdea0456 100644 --- a/examples/docs/src/languages.ts +++ b/examples/docs/src/languages.ts @@ -1,8 +1,10 @@ -import { KNOWN_LANGUAGES } from './config.js'; +import { KNOWN_LANGUAGES } from './config'; +export { KNOWN_LANGUAGES } export const KNOWN_LANGUAGE_CODES = Object.values(KNOWN_LANGUAGES); +export const langPathRegex = /\/([a-z]{2}-?[A-Z]{0,2})\//; export function getLanguageFromURL(pathname: string) { - const langCodeMatch = pathname.match(/\/([a-z]{2}-?[A-Z]{0,2})\//); + const langCodeMatch = pathname.match(langPathRegex); return langCodeMatch ? langCodeMatch[1] : 'en'; } diff --git a/examples/docs/src/layouts/MainLayout.astro b/examples/docs/src/layouts/MainLayout.astro index 620f2e06b..cdadebe61 100644 --- a/examples/docs/src/layouts/MainLayout.astro +++ b/examples/docs/src/layouts/MainLayout.astro @@ -6,7 +6,7 @@ import Footer from '../components/Footer/Footer.astro'; import PageContent from '../components/PageContent/PageContent.astro'; import LeftSidebar from '../components/LeftSidebar/LeftSidebar.astro'; import RightSidebar from '../components/RightSidebar/RightSidebar.astro'; -import * as CONFIG from "../config.ts"; +import * as CONFIG from "../config"; const { content = {} } = Astro.props; const currentPage = Astro.request.url.pathname; @@ -14,7 +14,7 @@ const currentFile = `src/pages${currentPage.replace(/\/$/, "")}.md`; const githubEditUrl = CONFIG.GITHUB_EDIT_URL && (CONFIG.GITHUB_EDIT_URL + currentFile); --- -<html dir="{content.dir ?? 'ltr'}" lang="{content.lang ?? 'en-us'}" class="initial"> +<html dir={content.dir ?? 'ltr'} lang={content.lang ?? 'en-us'} class="initial"> <head> <HeadCommon /> <HeadSEO {content} canonicalURL={Astro.request.canonicalURL} /> |