diff --git a/examples/basics/src/pages/index.astro b/examples/basics/src/pages/index.astro index 1ca6b285c..486787536 100644 --- a/examples/basics/src/pages/index.astro +++ b/examples/basics/src/pages/index.astro @@ -1,6 +1,6 @@ --- -import Layout from "../layouts/Layout.astro"; -import Card from "../components/Card.astro"; +import Layout from '../layouts/Layout.astro'; +import Card from '../components/Card.astro'; --- diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro index cc6f89ff1..80de975b1 100644 --- a/examples/blog/src/components/BaseHead.astro +++ b/examples/blog/src/components/BaseHead.astro @@ -1,5 +1,5 @@ --- -import "../styles/blog.css"; +import '../styles/blog.css'; export interface Props { title: string; diff --git a/examples/blog/src/components/FollowMe.astro b/examples/blog/src/components/FollowMe.astro index 09062281a..093391147 100644 --- a/examples/blog/src/components/FollowMe.astro +++ b/examples/blog/src/components/FollowMe.astro @@ -8,4 +8,3 @@ const { username, href } = Astro.props as Props; ---

Follow me @{username}

- diff --git a/examples/blog/src/pages/index.astro b/examples/blog/src/pages/index.astro index 22c095c74..727fc055f 100644 --- a/examples/blog/src/pages/index.astro +++ b/examples/blog/src/pages/index.astro @@ -1,13 +1,13 @@ --- -import BaseHead from "../components/BaseHead.astro"; -import Header from "../components/Header.astro"; -import BlogPostPreview from "../components/BlogPostPreview.astro"; +import BaseHead from '../components/BaseHead.astro'; +import Header from '../components/Header.astro'; +import BlogPostPreview from '../components/BlogPostPreview.astro'; -let title = "Example Blog"; -let description = "The perfect starter for your perfect blog."; +let title = 'Example Blog'; +let description = 'The perfect starter for your perfect blog.'; // Use Astro.glob to fetch all post with associated frontmatter -const unsortedPosts = await Astro.glob("./posts/*.md"); +const unsortedPosts = await Astro.glob('./posts/*.md'); const posts = unsortedPosts.sort(function (a, b) { return ( new Date(b.frontmatter.publishDate).valueOf() - new Date(a.frontmatter.publishDate).valueOf() diff --git a/examples/component/demo/src/pages/index.astro b/examples/component/demo/src/pages/index.astro index e251a69ae..bfdf495a8 100644 --- a/examples/component/demo/src/pages/index.astro +++ b/examples/component/demo/src/pages/index.astro @@ -1,5 +1,5 @@ --- -import * as Component from "@example/my-component"; +import * as Component from '@example/my-component'; --- diff --git a/examples/component/packages/my-component/Button.astro b/examples/component/packages/my-component/Button.astro index 69b3b5eb5..5f32ce4e8 100644 --- a/examples/component/packages/my-component/Button.astro +++ b/examples/component/packages/my-component/Button.astro @@ -7,7 +7,7 @@ const { type, ...props } = { ...Astro.props, } as Props; -props.type = type || "button"; +props.type = type || 'button'; --- diff --git a/examples/component/packages/my-component/Heading.astro b/examples/component/packages/my-component/Heading.astro index 00f8926cc..813c0c11b 100644 --- a/examples/component/packages/my-component/Heading.astro +++ b/examples/component/packages/my-component/Heading.astro @@ -8,8 +8,8 @@ const { level, role, ...props } = { ...Astro.props, } as Props; -props.role = role || "heading"; -props["aria-level"] = level || "1"; +props.role = role || 'heading'; +props['aria-level'] = level || '1'; --- 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 && ( {`and ${additionalContributors} additional contributor${ - additionalContributors > 1 ? "s" : "" + additionalContributors > 1 ? 's' : '' }.`} )} 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'; --- @@ -28,11 +28,11 @@ import "../styles/index.css"; 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);
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) => {
  • {child.text} @@ -47,10 +47,10 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => { @@ -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; --- diff --git a/examples/docs/src/layouts/MainLayout.astro b/examples/docs/src/layouts/MainLayout.astro index 93ba323e4..39e9e0efa 100644 --- a/examples/docs/src/layouts/MainLayout.astro +++ b/examples/docs/src/layouts/MainLayout.astro @@ -1,21 +1,21 @@ --- -import HeadCommon from "../components/HeadCommon.astro"; -import HeadSEO from "../components/HeadSEO.astro"; -import Header from "../components/Header/Header.astro"; -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"; +import HeadCommon from '../components/HeadCommon.astro'; +import HeadSEO from '../components/HeadSEO.astro'; +import Header from '../components/Header/Header.astro'; +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'; const { content = {} } = Astro.props; const canonicalURL = new URL(Astro.url.pathname, Astro.site); const currentPage = Astro.url.pathname; -const currentFile = `src/pages${currentPage.replace(/\/$/, "")}.md`; +const currentFile = `src/pages${currentPage.replace(/\/$/, '')}.md`; const githubEditUrl = CONFIG.GITHUB_EDIT_URL && CONFIG.GITHUB_EDIT_URL + currentFile; --- - + diff --git a/examples/framework-alpine/src/pages/index.astro b/examples/framework-alpine/src/pages/index.astro index 26987837d..7e0fc33ee 100644 --- a/examples/framework-alpine/src/pages/index.astro +++ b/examples/framework-alpine/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter.astro"; +import Counter from '../components/Counter.astro'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ @@ -24,7 +24,7 @@ import Counter from "../components/Counter.astro"; diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro index 78c13f2fb..3998b6cf7 100644 --- a/examples/framework-lit/src/pages/index.astro +++ b/examples/framework-lit/src/pages/index.astro @@ -1,7 +1,7 @@ --- -import Lorem from "../components/Lorem.astro"; -import { CalcAdd } from "../components/calc-add.js"; -import { MyCounter } from "../components/my-counter.js"; +import Lorem from '../components/Lorem.astro'; +import { CalcAdd } from '../components/calc-add.js'; +import { MyCounter } from '../components/my-counter.js'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro index ac8996504..48c4e15d0 100644 --- a/examples/framework-multiple/src/pages/index.astro +++ b/examples/framework-multiple/src/pages/index.astro @@ -1,15 +1,15 @@ --- // Style Imports -import "../styles/global.css"; +import '../styles/global.css'; // Component Imports // For JSX components, all the common ways of exporting (under a namespace, specific export, default export etc) are supported! -import * as react from "../components/ReactCounter"; -import { PreactCounter } from "../components/PreactCounter"; -import SolidCounter from "../components/SolidCounter"; +import * as react from '../components/ReactCounter'; +import { PreactCounter } from '../components/PreactCounter'; +import SolidCounter from '../components/SolidCounter'; -import VueCounter from "../components/VueCounter.vue"; -import SvelteCounter from "../components/SvelteCounter.svelte"; +import VueCounter from '../components/VueCounter.vue'; +import SvelteCounter from '../components/SvelteCounter.svelte'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro index 6dc118ab0..d9daa1acd 100644 --- a/examples/framework-preact/src/pages/index.astro +++ b/examples/framework-preact/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter"; +import Counter from '../components/Counter'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index 61806949a..8593264c9 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter"; +import Counter from '../components/Counter'; const someProps = { count: 0, }; diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro index c75644ea4..ce5961a5f 100644 --- a/examples/framework-solid/src/pages/index.astro +++ b/examples/framework-solid/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter"; +import Counter from '../components/Counter'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro index 4c0146057..2cc0fed69 100644 --- a/examples/framework-svelte/src/pages/index.astro +++ b/examples/framework-svelte/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter.svelte"; +import Counter from '../components/Counter.svelte'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro index b7eadbfe3..98a667f77 100644 --- a/examples/framework-vue/src/pages/index.astro +++ b/examples/framework-vue/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter.vue"; +import Counter from '../components/Counter.vue'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/non-html-pages/src/pages/index.astro b/examples/non-html-pages/src/pages/index.astro index b6fc1decf..6d3873c44 100644 --- a/examples/non-html-pages/src/pages/index.astro +++ b/examples/non-html-pages/src/pages/index.astro @@ -12,7 +12,7 @@ const response = await fetch(`/about.json`); const data = await response.json(); document.getElementById( - "result" + 'result' ).innerHTML = `Load complete!
    Built with: ${data.name}!`; diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro index 9d9bc209d..956f167ed 100644 --- a/examples/portfolio/src/components/MainHead.astro +++ b/examples/portfolio/src/components/MainHead.astro @@ -1,8 +1,8 @@ --- -import "../styles/global.scss"; +import '../styles/global.scss'; const { - title = "Jeanine White: Personal Site", - description = "The personal site of Jeanine White", + title = 'Jeanine White: Personal Site', + description = 'The personal site of Jeanine White', } = Astro.props; --- diff --git a/examples/portfolio/src/layouts/project.astro b/examples/portfolio/src/layouts/project.astro index 81d67ad39..aba14a5ac 100644 --- a/examples/portfolio/src/layouts/project.astro +++ b/examples/portfolio/src/layouts/project.astro @@ -1,13 +1,13 @@ --- -import MainHead from "../components/MainHead.astro"; -import Button from "../components/Button/index.jsx"; -import Footer from "../components/Footer/index.jsx"; -import Nav from "../components/Nav/index.jsx"; +import MainHead from '../components/MainHead.astro'; +import Button from '../components/Button/index.jsx'; +import Footer from '../components/Footer/index.jsx'; +import Nav from '../components/Nav/index.jsx'; const { content } = Astro.props; --- - + - +
      {products.map((product) => (
    • diff --git a/examples/ssr/src/components/TextDecorationSkip.astro b/examples/ssr/src/components/TextDecorationSkip.astro index 191119bf4..ccd866a09 100644 --- a/examples/ssr/src/components/TextDecorationSkip.astro +++ b/examples/ssr/src/components/TextDecorationSkip.astro @@ -1,6 +1,6 @@ --- const { text } = Astro.props; -const words = text.split(" "); +const words = text.split(' '); const last = words.length - 1; --- diff --git a/examples/ssr/src/pages/cart.astro b/examples/ssr/src/pages/cart.astro index 2214703f2..ca0f934a4 100644 --- a/examples/ssr/src/pages/cart.astro +++ b/examples/ssr/src/pages/cart.astro @@ -1,16 +1,16 @@ --- -import Header from "../components/Header.astro"; -import Container from "../components/Container.astro"; -import { getCart } from "../api"; -import { isLoggedIn } from "../models/user"; +import Header from '../components/Header.astro'; +import Container from '../components/Container.astro'; +import { getCart } from '../api'; +import { isLoggedIn } from '../models/user'; if (!isLoggedIn(Astro.request)) { - return Astro.redirect("/"); + return Astro.redirect('/'); } // They must be logged in. -const user = { name: "test" }; // getUser? +const user = { name: 'test' }; // getUser? const cart = await getCart(Astro.request); --- diff --git a/examples/ssr/src/pages/index.astro b/examples/ssr/src/pages/index.astro index 456de484c..8f985e5b4 100644 --- a/examples/ssr/src/pages/index.astro +++ b/examples/ssr/src/pages/index.astro @@ -1,9 +1,9 @@ --- -import Header from "../components/Header.astro"; -import Container from "../components/Container.astro"; -import ProductListing from "../components/ProductListing.astro"; -import { getProducts } from "../api"; -import "../styles/common.css"; +import Header from '../components/Header.astro'; +import Container from '../components/Container.astro'; +import ProductListing from '../components/ProductListing.astro'; +import { getProducts } from '../api'; +import '../styles/common.css'; const products = await getProducts(Astro.request); --- diff --git a/examples/ssr/src/pages/login.astro b/examples/ssr/src/pages/login.astro index 081aafedf..77955012b 100644 --- a/examples/ssr/src/pages/login.astro +++ b/examples/ssr/src/pages/login.astro @@ -1,6 +1,6 @@ --- -import Header from "../components/Header.astro"; -import Container from "../components/Container.astro"; +import Header from '../components/Header.astro'; +import Container from '../components/Container.astro'; --- diff --git a/examples/ssr/src/pages/products/[id].astro b/examples/ssr/src/pages/products/[id].astro index 9ec934aa2..e90900e45 100644 --- a/examples/ssr/src/pages/products/[id].astro +++ b/examples/ssr/src/pages/products/[id].astro @@ -1,9 +1,9 @@ --- -import Header from "../../components/Header.astro"; -import Container from "../../components/Container.astro"; -import AddToCart from "../../components/AddToCart.svelte"; -import { getProduct } from "../../api"; -import "../../styles/common.css"; +import Header from '../../components/Header.astro'; +import Container from '../../components/Container.astro'; +import AddToCart from '../../components/AddToCart.svelte'; +import { getProduct } from '../../api'; +import '../../styles/common.css'; const id = Number(Astro.params.id); const product = await getProduct(Astro.request, id); diff --git a/examples/subpath/src/pages/index.astro b/examples/subpath/src/pages/index.astro index 22fd7582f..d0fca73f5 100644 --- a/examples/subpath/src/pages/index.astro +++ b/examples/subpath/src/pages/index.astro @@ -1,6 +1,6 @@ --- -import "../styles/main.css"; -import Time from "../components/Time.jsx"; +import '../styles/main.css'; +import Time from '../components/Time.jsx'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro index 758e5d083..5e0549877 100644 --- a/examples/with-markdown-plugins/src/layouts/main.astro +++ b/examples/with-markdown-plugins/src/layouts/main.astro @@ -1,10 +1,10 @@ --- -import "../styles/global.css"; +import '../styles/global.css'; const { content } = Astro.props; --- - + diff --git a/examples/with-markdown-shiki/src/layouts/main.astro b/examples/with-markdown-shiki/src/layouts/main.astro index 006c4ca6c..425f5dc08 100644 --- a/examples/with-markdown-shiki/src/layouts/main.astro +++ b/examples/with-markdown-shiki/src/layouts/main.astro @@ -1,10 +1,10 @@ --- -import "../styles/global.css"; +import '../styles/global.css'; const { content } = Astro.props; --- - + diff --git a/examples/with-mdx/src/pages/index.mdx b/examples/with-mdx/src/pages/index.mdx index b93def233..13a929624 100644 --- a/examples/with-mdx/src/pages/index.mdx +++ b/examples/with-mdx/src/pages/index.mdx @@ -22,7 +22,7 @@ We also support syntax highlighting in MDX out-of-the-box! This example uses our ```astro --- -const weSupportAstro = true +const weSupportAstro = true; ---

      Hey, what theme is that? Looks nice!

      diff --git a/examples/with-nanostores/src/components/FigurineDescription.astro b/examples/with-nanostores/src/components/FigurineDescription.astro index 8d801d53a..d99481258 100644 --- a/examples/with-nanostores/src/components/FigurineDescription.astro +++ b/examples/with-nanostores/src/components/FigurineDescription.astro @@ -1,6 +1,9 @@

      Astronaut Figurine

      Limited Edition

      -

      The limited edition Astronaut Figurine is the perfect gift for any Astro contributor. This fully-poseable action figurine comes equipped with:

      +

      + The limited edition Astronaut Figurine is the perfect gift for any Astro contributor. This + fully-poseable action figurine comes equipped with: +

      • A fabric space suit with adjustible straps
      • Boots lightly dusted by the lunar surface *
        • @@ -15,11 +18,11 @@ margin: 0; margin-block-start: 2rem; } - + .limited-edition-badge { font-weight: 700; text-transform: uppercase; - background-image: linear-gradient(0deg,var(--astro-blue), var(--astro-pink)); + background-image: linear-gradient(0deg, var(--astro-blue), var(--astro-pink)); background-size: 100% 200%; background-position-y: 100%; border-radius: 0.4rem; @@ -30,7 +33,12 @@ } @keyframes pulse { - 0%, 100% { background-position-y: 0%; } - 50% { background-position-y: 80%; } + 0%, + 100% { + background-position-y: 0%; + } + 50% { + background-position-y: 80%; + } } diff --git a/examples/with-nanostores/src/pages/index.astro b/examples/with-nanostores/src/pages/index.astro index 965428ab3..07458e0be 100644 --- a/examples/with-nanostores/src/pages/index.astro +++ b/examples/with-nanostores/src/pages/index.astro @@ -10,6 +10,7 @@ const item: CartItemDisplayInfo = { imageSrc: '/images/astronaut-figurine.png', }; --- +
        @@ -42,7 +43,7 @@ const item: CartItemDisplayInfo = { max-width: 26rem; } - button[type="submit"] { + button[type='submit'] { margin-block-start: 1rem; } diff --git a/examples/with-tailwindcss/src/components/Button.astro b/examples/with-tailwindcss/src/components/Button.astro index 70962e801..ef7af656b 100644 --- a/examples/with-tailwindcss/src/components/Button.astro +++ b/examples/with-tailwindcss/src/components/Button.astro @@ -10,6 +10,6 @@ diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro index 651a47fa3..ebccafa34 100644 --- a/examples/with-tailwindcss/src/pages/index.astro +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Button from "../components/Button.astro"; +import Button from '../components/Button.astro'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ diff --git a/packages/astro-prism/Prism.astro b/packages/astro-prism/Prism.astro index 81bd6cfd0..44cf4748a 100644 --- a/packages/astro-prism/Prism.astro +++ b/packages/astro-prism/Prism.astro @@ -8,9 +8,11 @@ export interface Props { } const { class: className, lang, code } = Astro.props as Props; -const { classLanguage, html } = runHighlighterWithAstro(lang, code) +const { classLanguage, html } = runHighlighterWithAstro(lang, code); --- -
        -	
+
        	
 
        
diff --git a/packages/astro/CHANGELOG.md b/packages/astro/CHANGELOG.md
index 92ed06af5..ab96e75da 100644
--- a/packages/astro/CHANGELOG.md
+++ b/packages/astro/CHANGELOG.md
@@ -374,13 +374,14 @@ The **Astro v1.0.0 Release Candidate** comes includes new features, tons of bug
   ---
   import LoadTodos from '../components/LoadTodos.astro';
   ---
+
   
-  
-  App
-  
-  
-    
-  
+    
+      App
+    
+    
+      
+    
   
   ```
 
@@ -390,12 +391,11 @@ The **Astro v1.0.0 Release Candidate** comes includes new features, tons of bug
 
   ```astro
   
          
-    {(async function * () {
-      for(const number of numbers) {
+    {(async function* () {
+      for (const number of numbers) {
         await wait(1000);
-
-        yield 
        • Number: {number}
          • 
-        yield '\n'
+        yield 
        • Number: {number}
          • ;
+        yield '\n';
       }
     })()}
   
        
@@ -2586,7 +2586,9 @@ For convenience, you may now also move your `astro.config.js` file to a top-leve
   ```astro
   ---
   import Debug from 'astro/debug';
-  const obj = { /* ... */ }
+  const obj = {
+    /* ... */
+  };
   ---
 
   
diff --git a/packages/astro/components/Code.astro b/packages/astro/components/Code.astro
index a2052c816..ddeaac829 100644
--- a/packages/astro/components/Code.astro
+++ b/packages/astro/components/Code.astro
@@ -39,13 +39,19 @@ function repairShikiTheme(html: string): string {
 	// Replace "shiki" class naming with "astro"
 	html = html.replace('
         	
        
-		
        Debug "{key}"
        
+		
        
+			Debug
+			"{key}"
+		
        
 	
        
 
 	
@@ -18,7 +21,8 @@ const value = Astro.props[key];
 		font-size: 14px;
 		padding: 1rem 1.5rem;
 		background: white;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+			'Open Sans', 'Helvetica Neue', sans-serif;
 	}
 
 	.astro-debug-header,
diff --git a/packages/integrations/cloudflare/CHANGELOG.md b/packages/integrations/cloudflare/CHANGELOG.md
index a7731bf1c..f1bc70bca 100644
--- a/packages/integrations/cloudflare/CHANGELOG.md
+++ b/packages/integrations/cloudflare/CHANGELOG.md
@@ -44,7 +44,7 @@
   The new `Astro.clientAddress` property allows you to get the IP address of the requested user.
 
   ```astro
-  
        Your address { Astro.clientAddress }
        
+  
        Your address {Astro.clientAddress}
        
   ```
 
   This property is only available when building for SSR, and only if the adapter you are using supports providing the IP address. If you attempt to access the property in a SSG app it will throw an error.
diff --git a/packages/integrations/deno/CHANGELOG.md b/packages/integrations/deno/CHANGELOG.md
index f5795a75c..c0046c185 100644
--- a/packages/integrations/deno/CHANGELOG.md
+++ b/packages/integrations/deno/CHANGELOG.md
@@ -32,7 +32,7 @@
   The new `Astro.clientAddress` property allows you to get the IP address of the requested user.
 
   ```astro
-  
        Your address { Astro.clientAddress }
        
+  
        Your address {Astro.clientAddress}
        
   ```
 
   This property is only available when building for SSR, and only if the adapter you are using supports providing the IP address. If you attempt to access the property in a SSG app it will throw an error.
diff --git a/packages/integrations/image/components/Image.astro b/packages/integrations/image/components/Image.astro
index c38814c9e..20efe6ee0 100644
--- a/packages/integrations/image/components/Image.astro
+++ b/packages/integrations/image/components/Image.astro
@@ -4,9 +4,9 @@ import { getImage } from '../dist/index.js';
 import type { ImgHTMLAttributes } from './index.js';
 import type { ImageMetadata, TransformOptions, OutputFormat } from '../dist/index.js';
 
-interface LocalImageProps extends
-	Omit,
-	Omit {
+interface LocalImageProps
+	extends Omit,
+		Omit {
 	src: ImageMetadata | Promise<{ default: ImageMetadata }>;
 }
 
@@ -19,7 +19,7 @@ interface RemoteImageProps extends TransformOptions, astroHTML.JSX.ImgHTMLAttrib
 
 export type Props = LocalImageProps | RemoteImageProps;
 
-const { loading = "lazy", decoding = "async", ...props } = Astro.props as Props;
+const { loading = 'lazy', decoding = 'async', ...props } = Astro.props as Props;
 
 const attrs = await getImage(props);
 ---
diff --git a/packages/integrations/image/components/Picture.astro b/packages/integrations/image/components/Picture.astro
index 372fcbb1b..36eab92b8 100644
--- a/packages/integrations/image/components/Picture.astro
+++ b/packages/integrations/image/components/Picture.astro
@@ -3,10 +3,10 @@ import { getPicture } from '../dist/index.js';
 import type { ImgHTMLAttributes, HTMLAttributes } from './index.js';
 import type { ImageMetadata, OutputFormat, TransformOptions } from '../dist/index.js';
 
-interface LocalImageProps extends
-	Omit,
-	Omit,
-	Pick {
+interface LocalImageProps
+	extends Omit,
+		Omit,
+		Pick {
 	src: ImageMetadata | Promise<{ default: ImageMetadata }>;
 	alt?: string;
 	sizes: HTMLImageElement['sizes'];
@@ -14,10 +14,10 @@ interface LocalImageProps extends
 	formats?: OutputFormat[];
 }
 
-interface RemoteImageProps extends
-	Omit,
-	TransformOptions,
-	Pick {
+interface RemoteImageProps
+	extends Omit,
+		TransformOptions,
+		Pick {
 	src: string;
 	alt?: string;
 	sizes: HTMLImageElement['sizes'];
@@ -28,14 +28,23 @@ interface RemoteImageProps extends
 
 export type Props = LocalImageProps | RemoteImageProps;
 
-const { src, alt, sizes, widths, aspectRatio, formats = ['avif', 'webp'], loading = 'lazy', decoding = 'async', ...attrs } = Astro.props as Props;
+const {
+	src,
+	alt,
+	sizes,
+	widths,
+	aspectRatio,
+	formats = ['avif', 'webp'],
+	loading = 'lazy',
+	decoding = 'async',
+	...attrs
+} = Astro.props as Props;
 
 const { image, sources } = await getPicture({ src, widths, formats, aspectRatio });
 ---
 
 
-	{sources.map(attrs => (
-	))}
+	{sources.map((attrs) => )}
 	
 
 
diff --git a/packages/integrations/netlify/CHANGELOG.md b/packages/integrations/netlify/CHANGELOG.md
index 9a455bf27..b714cc9ea 100644
--- a/packages/integrations/netlify/CHANGELOG.md
+++ b/packages/integrations/netlify/CHANGELOG.md
@@ -34,7 +34,7 @@
   The new `Astro.clientAddress` property allows you to get the IP address of the requested user.
 
   ```astro
-  
        Your address { Astro.clientAddress }
        
+  
        Your address {Astro.clientAddress}
        
   ```
 
   This property is only available when building for SSR, and only if the adapter you are using supports providing the IP address. If you attempt to access the property in a SSG app it will throw an error.
diff --git a/packages/integrations/node/CHANGELOG.md b/packages/integrations/node/CHANGELOG.md
index f5331b70e..633450dd5 100644
--- a/packages/integrations/node/CHANGELOG.md
+++ b/packages/integrations/node/CHANGELOG.md
@@ -38,7 +38,7 @@
   The new `Astro.clientAddress` property allows you to get the IP address of the requested user.
 
   ```astro
-  
        Your address { Astro.clientAddress }
        
+  
        Your address {Astro.clientAddress}
        
   ```
 
   This property is only available when building for SSR, and only if the adapter you are using supports providing the IP address. If you attempt to access the property in a SSG app it will throw an error.
diff --git a/packages/integrations/vercel/CHANGELOG.md b/packages/integrations/vercel/CHANGELOG.md
index 08ea74a80..0f68e0035 100644
--- a/packages/integrations/vercel/CHANGELOG.md
+++ b/packages/integrations/vercel/CHANGELOG.md
@@ -40,7 +40,7 @@
   The new `Astro.clientAddress` property allows you to get the IP address of the requested user.
 
   ```astro
-  
        Your address { Astro.clientAddress }
        
+  
        Your address {Astro.clientAddress}
        
   ```
 
   This property is only available when building for SSR, and only if the adapter you are using supports providing the IP address. If you attempt to access the property in a SSG app it will throw an error.