aboutsummaryrefslogtreecommitdiff
path: root/examples/docs/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'examples/docs/src/components')
-rw-r--r--examples/docs/src/components/Footer/AvatarList.astro10
-rw-r--r--examples/docs/src/components/Footer/Footer.astro2
-rw-r--r--examples/docs/src/components/HeadCommon.astro12
-rw-r--r--examples/docs/src/components/HeadSEO.astro2
-rw-r--r--examples/docs/src/components/Header/Header.astro16
-rw-r--r--examples/docs/src/components/LeftSidebar/LeftSidebar.astro16
-rw-r--r--examples/docs/src/components/PageContent/PageContent.astro6
-rw-r--r--examples/docs/src/components/RightSidebar/MoreMenu.astro4
-rw-r--r--examples/docs/src/components/RightSidebar/RightSidebar.astro4
9 files changed, 36 insertions, 36 deletions
diff --git a/examples/docs/src/components/Footer/AvatarList.astro b/examples/docs/src/components/Footer/AvatarList.astro
index 6f3ff1a7f..e5880a03a 100644
--- a/examples/docs/src/components/Footer/AvatarList.astro
+++ b/examples/docs/src/components/Footer/AvatarList.astro
@@ -1,6 +1,6 @@
---
// fetch all commits for just this page's path
-const path = "docs/" + Astro.props.path;
+const path = 'docs/' + Astro.props.path;
const url = `https://api.github.com/repos/withastro/astro/commits?path=${path}`;
const commitsURL = `https://github.com/withastro/astro/commits/main/${path}`;
@@ -13,13 +13,13 @@ async function getCommits(url) {
);
}
- const auth = `Basic ${Buffer.from(token, "binary").toString("base64")}`;
+ const auth = `Basic ${Buffer.from(token, 'binary').toString('base64')}`;
const res = await fetch(url, {
- method: "GET",
+ method: 'GET',
headers: {
Authorization: auth,
- "User-Agent": "astro-docs/1.0",
+ 'User-Agent': 'astro-docs/1.0',
},
});
@@ -81,7 +81,7 @@ const additionalContributors = unique.length - recentContributors.length; // lis
{additionalContributors > 0 && (
<span>
<a href={commitsURL}>{`and ${additionalContributors} additional contributor${
- additionalContributors > 1 ? "s" : ""
+ additionalContributors > 1 ? 's' : ''
}.`}</a>
</span>
)}
diff --git a/examples/docs/src/components/Footer/Footer.astro b/examples/docs/src/components/Footer/Footer.astro
index ab0634976..d13f832e5 100644
--- a/examples/docs/src/components/Footer/Footer.astro
+++ b/examples/docs/src/components/Footer/Footer.astro
@@ -1,5 +1,5 @@
---
-import AvatarList from "./AvatarList.astro";
+import AvatarList from './AvatarList.astro';
const { path } = Astro.props;
---
diff --git a/examples/docs/src/components/HeadCommon.astro b/examples/docs/src/components/HeadCommon.astro
index bc3a3955a..275aa315a 100644
--- a/examples/docs/src/components/HeadCommon.astro
+++ b/examples/docs/src/components/HeadCommon.astro
@@ -1,6 +1,6 @@
---
-import "../styles/theme.css";
-import "../styles/index.css";
+import '../styles/theme.css';
+import '../styles/index.css';
---
<!-- Global Metadata -->
@@ -28,11 +28,11 @@ import "../styles/index.css";
<!-- This is intentionally inlined to avoid FOUC -->
<script is:inline>
const root = document.documentElement;
- const theme = localStorage.getItem("theme");
- if (theme === "dark" || (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
- root.classList.add("theme-dark");
+ const theme = localStorage.getItem('theme');
+ if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+ root.classList.add('theme-dark');
} else {
- root.classList.remove("theme-dark");
+ root.classList.remove('theme-dark');
}
</script>
diff --git a/examples/docs/src/components/HeadSEO.astro b/examples/docs/src/components/HeadSEO.astro
index e3fa7b992..bd86b544d 100644
--- a/examples/docs/src/components/HeadSEO.astro
+++ b/examples/docs/src/components/HeadSEO.astro
@@ -1,5 +1,5 @@
---
-import { SITE, OPEN_GRAPH } from "../config";
+import { SITE, OPEN_GRAPH } from '../config';
export interface Props {
content: any;
site: any;
diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro
index 650c93411..2e66300b4 100644
--- a/examples/docs/src/components/Header/Header.astro
+++ b/examples/docs/src/components/Header/Header.astro
@@ -1,11 +1,11 @@
---
-import { getLanguageFromURL, KNOWN_LANGUAGE_CODES } from "../../languages";
-import * as CONFIG from "../../config";
-import AstroLogo from "./AstroLogo.astro";
-import SkipToContent from "./SkipToContent.astro";
-import SidebarToggle from "./SidebarToggle";
-import LanguageSelect from "./LanguageSelect";
-import Search from "./Search";
+import { getLanguageFromURL, KNOWN_LANGUAGE_CODES } from '../../languages';
+import * as CONFIG from '../../config';
+import AstroLogo from './AstroLogo.astro';
+import SkipToContent from './SkipToContent.astro';
+import SidebarToggle from './SidebarToggle';
+import LanguageSelect from './LanguageSelect';
+import Search from './Search';
const { currentPage } = Astro.props;
const lang = currentPage && getLanguageFromURL(currentPage);
@@ -20,7 +20,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
<div class="logo flex">
<a href="/">
<AstroLogo size={40} />
- <h1>{CONFIG.SITE.title ?? "Documentation"}</h1>
+ <h1>{CONFIG.SITE.title ?? 'Documentation'}</h1>
</a>
</div>
<div style="flex-grow: 1;"></div>
diff --git a/examples/docs/src/components/LeftSidebar/LeftSidebar.astro b/examples/docs/src/components/LeftSidebar/LeftSidebar.astro
index f71610598..8b0c57f0a 100644
--- a/examples/docs/src/components/LeftSidebar/LeftSidebar.astro
+++ b/examples/docs/src/components/LeftSidebar/LeftSidebar.astro
@@ -1,6 +1,6 @@
---
-import { getLanguageFromURL } from "../../languages";
-import { SIDEBAR } from "../../config";
+import { getLanguageFromURL } from '../../languages';
+import { SIDEBAR } from '../../config';
const { currentPage } = Astro.props;
const currentPageMatch = currentPage.slice(1);
const langCode = getLanguageFromURL(currentPage);
@@ -9,7 +9,7 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => {
// If the first item is not a section header, create a new container section.
if (i === 0) {
if (!item.header) {
- const pesudoSection = { text: "" };
+ const pesudoSection = { text: '' };
col.push({ ...pesudoSection, children: [] });
}
}
@@ -33,7 +33,7 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => {
<li class="nav-link">
<a
href={`${Astro.site.pathname}${child.link}`}
- aria-current={`${currentPageMatch === child.link ? "page" : "false"}`}
+ aria-current={`${currentPageMatch === child.link ? 'page' : 'false'}`}
>
{child.text}
</a>
@@ -47,10 +47,10 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => {
</nav>
<script is:inline>
- window.addEventListener("DOMContentLoaded", (event) => {
+ window.addEventListener('DOMContentLoaded', (event) => {
var target = document.querySelector('[aria-current="page"]');
if (target && target.offsetTop > window.innerHeight - 100) {
- document.querySelector(".nav-groups").scrollTop = target.offsetTop;
+ document.querySelector('.nav-groups').scrollTop = target.offsetTop;
}
});
</script>
@@ -103,13 +103,13 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => {
background-color: var(--theme-bg-hover);
}
- .nav-link a[aria-current="page"] {
+ .nav-link a[aria-current='page'] {
color: var(--theme-text-accent);
background-color: var(--theme-bg-accent);
font-weight: 600;
}
- :global(:root.theme-dark) .nav-link a[aria-current="page"] {
+ :global(:root.theme-dark) .nav-link a[aria-current='page'] {
color: hsla(var(--color-base-white), 100%, 1);
}
diff --git a/examples/docs/src/components/PageContent/PageContent.astro b/examples/docs/src/components/PageContent/PageContent.astro
index 9af4056c9..185b310c3 100644
--- a/examples/docs/src/components/PageContent/PageContent.astro
+++ b/examples/docs/src/components/PageContent/PageContent.astro
@@ -1,6 +1,6 @@
---
-import MoreMenu from "../RightSidebar/MoreMenu.astro";
-import TableOfContents from "../RightSidebar/TableOfContents";
+import MoreMenu from '../RightSidebar/MoreMenu.astro';
+import TableOfContents from '../RightSidebar/TableOfContents';
const { content, headings, githubEditUrl } = Astro.props;
const title = content.title;
@@ -29,7 +29,7 @@ const title = content.title;
flex-direction: column;
}
- .content>section {
+ .content > section {
margin-bottom: 4rem;
}
diff --git a/examples/docs/src/components/RightSidebar/MoreMenu.astro b/examples/docs/src/components/RightSidebar/MoreMenu.astro
index 9c7eddacd..fd1067859 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";
-import * as CONFIG from "../../config";
+import ThemeToggleButton from './ThemeToggleButton';
+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 71ad5e1c2..0c01a2398 100644
--- a/examples/docs/src/components/RightSidebar/RightSidebar.astro
+++ b/examples/docs/src/components/RightSidebar/RightSidebar.astro
@@ -1,6 +1,6 @@
---
-import TableOfContents from "./TableOfContents";
-import MoreMenu from "./MoreMenu.astro";
+import TableOfContents from './TableOfContents';
+import MoreMenu from './MoreMenu.astro';
const { content, headings, githubEditUrl } = Astro.props;
---