diff options
Diffstat (limited to 'examples')
48 files changed, 178 insertions, 119 deletions
diff --git a/examples/blog-multiple-authors/package.json b/examples/blog-multiple-authors/package.json index 10ac77139..d92b692d7 100644 --- a/examples/blog-multiple-authors/package.json +++ b/examples/blog-multiple-authors/package.json @@ -10,10 +10,10 @@ }, "devDependencies": { "@astrojs/preact": "^0.0.2", - "astro": "^0.25.4", - "sass": "^1.49.9" + "astro": "^0.26.0", + "sass": "^1.49.11" }, "dependencies": { - "preact": "^10.6.6" + "preact": "^10.7.0" } } diff --git a/examples/blog-multiple-authors/src/pages/posts/[...page].astro b/examples/blog-multiple-authors/src/pages/posts/[...page].astro index 7711a940c..f770aadb2 100644 --- a/examples/blog-multiple-authors/src/pages/posts/[...page].astro +++ b/examples/blog-multiple-authors/src/pages/posts/[...page].astro @@ -10,7 +10,7 @@ export async function getStaticPaths({ paginate, rss }) { const sortedPosts = allPosts.sort((a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf()); // Generate an RSS feed from this collection of posts. - // NOTE: This is disabled by default, since it requires `buildOptions.site` to be set in your "astro.config.mjs" file. + // NOTE: This is disabled by default, since it requires `site` to be set in your "astro.config.mjs" file. // rss({ // title: 'Don’s Blog', // description: 'An example blog on Astro', diff --git a/examples/blog/astro.config.mjs b/examples/blog/astro.config.mjs index e8f14324a..08916b1fe 100644 --- a/examples/blog/astro.config.mjs +++ b/examples/blog/astro.config.mjs @@ -4,7 +4,4 @@ import preact from '@astrojs/preact'; // https://astro.build/config export default defineConfig({ integrations: [preact()], - buildOptions: { - site: 'https://example.com/', - }, }); diff --git a/examples/blog/package.json b/examples/blog/package.json index a817c7e67..f2127a1d4 100644 --- a/examples/blog/package.json +++ b/examples/blog/package.json @@ -9,10 +9,10 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4", - "@astrojs/preact": "^0.0.2" + "@astrojs/preact": "^0.0.2", + "astro": "^0.26.0" }, "dependencies": { - "preact": "^10.6.6" + "preact": "^10.7.0" } } diff --git a/examples/blog/src/styles/blog.css b/examples/blog/src/styles/blog.css index 234e0162a..2a722d237 100644 --- a/examples/blog/src/styles/blog.css +++ b/examples/blog/src/styles/blog.css @@ -1,8 +1,10 @@ :root { - --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; + --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji; --font-body: 'IBM Plex Sans', var(--font-fallback); - --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', - 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', + 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', + 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; --color-white: #fff; --color-black: #000014; diff --git a/examples/component/demo/package.json b/examples/component/demo/package.json index 9b54773f6..bbac35c31 100644 --- a/examples/component/demo/package.json +++ b/examples/component/demo/package.json @@ -10,6 +10,6 @@ }, "devDependencies": { "@example/my-component": "workspace:*", - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/component/demo/src/pages/index.astro b/examples/component/demo/src/pages/index.astro index 211c2f5e3..bfdf495a8 100644 --- a/examples/component/demo/src/pages/index.astro +++ b/examples/component/demo/src/pages/index.astro @@ -7,7 +7,7 @@ import * as Component from '@example/my-component'; <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Welcome to Astro</title> - <style global> + <style is:global> h { display: block; font-size: 2em; diff --git a/examples/component/package.json b/examples/component/package.json index e7e63cb83..ea917ecf6 100644 --- a/examples/component/package.json +++ b/examples/component/package.json @@ -3,11 +3,11 @@ "version": "0.0.1", "private": true, "scripts": { - "start": "astro --project-root demo dev", - "build": "astro --project-root demo build", - "serve": "astro --project-root demo preview" + "start": "astro --root demo dev", + "build": "astro --root demo build", + "serve": "astro --root demo preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/docs/package.json b/examples/docs/package.json index e7cf7282a..84d9aee46 100644 --- a/examples/docs/package.json +++ b/examples/docs/package.json @@ -13,13 +13,13 @@ "@docsearch/css": "^3.0.0", "@docsearch/react": "^3.0.0", "@types/react": "^17.0.43", - "preact": "^10.6.6", + "preact": "^10.7.0", "react": "^18.0.0", "react-dom": "^18.0.0" }, "devDependencies": { "@astrojs/preact": "^0.0.2", - "@astrojs/react": "^0.0.2", - "astro": "^0.25.4" + "@astrojs/react": "^0.1.0", + "astro": "^0.26.0" } } diff --git a/examples/docs/src/components/Header/LanguageSelect.tsx b/examples/docs/src/components/Header/LanguageSelect.tsx index 7fd3af229..a895cc7cc 100644 --- a/examples/docs/src/components/Header/LanguageSelect.tsx +++ b/examples/docs/src/components/Header/LanguageSelect.tsx @@ -6,8 +6,19 @@ import { KNOWN_LANGUAGES, langPathRegex } from '../../languages'; const LanguageSelect: FunctionalComponent<{ lang: string }> = ({ lang }) => { return ( <div class="language-select-wrapper"> - <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.6 77.3" height="1.2em" width="1.2em"> - <path fill="currentColor" d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z" /> + <svg + aria-hidden="true" + focusable="false" + role="img" + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 88.6 77.3" + height="1.2em" + width="1.2em" + > + <path + fill="currentColor" + d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z" + /> <path fill="currentColor" d="M53.6,60.6c-10-4-16-9-22-14c0,0,1.3,1.3,0,0c-6,5-20,13-20,13l-4-6c8-5,10-6,19-13c-2.1-1.9-12-13-13-19h8 c4,9,10,14,10,14c10-8,10-19,10-19h8c0,0-1,13-12,24l0,0c5,5,10,9,19,13L53.6,60.6z M1.6,16.6h56v-8h-23v-7h-9v7h-24V16.6z" diff --git a/examples/docs/src/components/Header/Search.tsx b/examples/docs/src/components/Header/Search.tsx index ebc563c61..4d06ce00b 100644 --- a/examples/docs/src/components/Header/Search.tsx +++ b/examples/docs/src/components/Header/Search.tsx @@ -41,7 +41,13 @@ export default function Search() { <> <button type="button" ref={searchButtonRef} onClick={onOpen} className="search-input"> <svg width="24" height="24" fill="none"> - <path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /> + <path + d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" + stroke="currentColor" + strokeWidth="2" + strokeLinecap="round" + strokeLinejoin="round" + /> </svg> <span>Search</span> <span className="search-hint"> diff --git a/examples/docs/src/components/Header/SidebarToggle.tsx b/examples/docs/src/components/Header/SidebarToggle.tsx index 90b180461..2be9dee9a 100644 --- a/examples/docs/src/components/Header/SidebarToggle.tsx +++ b/examples/docs/src/components/Header/SidebarToggle.tsx @@ -15,9 +15,26 @@ const MenuToggle: FunctionalComponent = () => { }, [sidebarShown]); return ( - <button type="button" aria-pressed={sidebarShown ? 'true' : 'false'} id="menu-toggle" onClick={() => setSidebarShown(!sidebarShown)}> - <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> + <button + type="button" + aria-pressed={sidebarShown ? 'true' : 'false'} + id="menu-toggle" + onClick={() => setSidebarShown(!sidebarShown)} + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="1em" + height="1em" + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + stroke-linecap="round" + stroke-linejoin="round" + stroke-width="2" + d="M4 6h16M4 12h16M4 18h16" + /> </svg> <span className="sr-only">Toggle sidebar</span> </button> diff --git a/examples/docs/src/components/RightSidebar/TableOfContents.tsx b/examples/docs/src/components/RightSidebar/TableOfContents.tsx index 578d2aa98..537508ab4 100644 --- a/examples/docs/src/components/RightSidebar/TableOfContents.tsx +++ b/examples/docs/src/components/RightSidebar/TableOfContents.tsx @@ -33,7 +33,11 @@ const TableOfContents: FunctionalComponent<{ headers: any[] }> = ({ headers = [] {headers .filter(({ depth }) => depth > 1 && depth < 4) .map((header) => ( - <li class={`header-link depth-${header.depth} ${activeId === header.slug ? 'active' : ''}`.trim()}> + <li + class={`header-link depth-${header.depth} ${ + activeId === header.slug ? 'active' : '' + }`.trim()} + > <a href={`#${header.slug}`}>{header.text}</a> </li> ))} diff --git a/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx b/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx index 6bdf45f02..a3f31288d 100644 --- a/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx +++ b/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx @@ -6,14 +6,26 @@ import './ThemeToggleButton.css'; const themes = ['light', 'dark']; const icons = [ - <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="20" + height="20" + viewBox="0 0 20 20" + fill="currentColor" + > <path fillRule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clipRule="evenodd" /> </svg>, - <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="20" + height="20" + viewBox="0 0 20 20" + fill="currentColor" + > <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" /> </svg>, ]; diff --git a/examples/docs/src/config.ts b/examples/docs/src/config.ts index 174765d27..537723f43 100644 --- a/examples/docs/src/config.ts +++ b/examples/docs/src/config.ts @@ -7,7 +7,9 @@ export const SITE = { export const OPEN_GRAPH = { image: { src: 'https://github.com/withastro/astro/blob/main/assets/social/banner.jpg?raw=true', - alt: 'astro logo on a starry expanse of space,' + ' with a purple saturn-like planet floating in the right foreground', + alt: + 'astro logo on a starry expanse of space,' + + ' with a purple saturn-like planet floating in the right foreground', }, twitter: 'astrodotbuild', }; diff --git a/examples/docs/src/styles/theme.css b/examples/docs/src/styles/theme.css index 830bed8dd..1dad9dc70 100644 --- a/examples/docs/src/styles/theme.css +++ b/examples/docs/src/styles/theme.css @@ -1,8 +1,10 @@ :root { - --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; + --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji; --font-body: system-ui, var(--font-fallback); - --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', - 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', + 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', + 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; /* * Variables with --color-base prefix define diff --git a/examples/env-vars/package.json b/examples/env-vars/package.json index e0011d2df..a0e0c7b51 100644 --- a/examples/env-vars/package.json +++ b/examples/env-vars/package.json @@ -9,6 +9,6 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/framework-alpine/package.json b/examples/framework-alpine/package.json index 41fb3eca2..065c6ee49 100644 --- a/examples/framework-alpine/package.json +++ b/examples/framework-alpine/package.json @@ -9,6 +9,6 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/framework-lit/package.json b/examples/framework-lit/package.json index 444d29ac6..50795de01 100644 --- a/examples/framework-lit/package.json +++ b/examples/framework-lit/package.json @@ -10,7 +10,7 @@ }, "devDependencies": { "@astrojs/lit": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { "@webcomponents/template-shadowroot": "^0.1.0", diff --git a/examples/framework-multiple/package.json b/examples/framework-multiple/package.json index 4328d130e..6b925d087 100644 --- a/examples/framework-multiple/package.json +++ b/examples/framework-multiple/package.json @@ -11,20 +11,20 @@ "devDependencies": { "@astrojs/lit": "^0.0.2", "@astrojs/preact": "^0.0.2", - "@astrojs/react": "^0.0.2", + "@astrojs/react": "^0.1.0", "@astrojs/solid-js": "^0.0.3", "@astrojs/svelte": "^0.0.2", "@astrojs/vue": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { "@webcomponents/template-shadowroot": "^0.1.0", "lit": "^2.2.1", - "preact": "^10.6.6", + "preact": "^10.7.0", "react": "^18.0.0", "react-dom": "^18.0.0", "solid-js": "^1.3.13", - "svelte": "^3.46.4", + "svelte": "^3.46.6", "vue": "^3.2.31" } } diff --git a/examples/framework-preact/package.json b/examples/framework-preact/package.json index 5be07dd77..c3c78a2b2 100644 --- a/examples/framework-preact/package.json +++ b/examples/framework-preact/package.json @@ -10,9 +10,9 @@ }, "devDependencies": { "@astrojs/preact": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { - "preact": "^10.6.6" + "preact": "^10.7.0" } } diff --git a/examples/framework-react/package.json b/examples/framework-react/package.json index 4cdd93049..7744a8dba 100644 --- a/examples/framework-react/package.json +++ b/examples/framework-react/package.json @@ -9,8 +9,8 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/react": "^0.0.2", - "astro": "^0.25.4" + "@astrojs/react": "^0.1.0", + "astro": "^0.26.0" }, "dependencies": { "react": "^18.0.0", diff --git a/examples/framework-solid/package.json b/examples/framework-solid/package.json index 820bbee06..321c0afe2 100644 --- a/examples/framework-solid/package.json +++ b/examples/framework-solid/package.json @@ -10,7 +10,7 @@ }, "devDependencies": { "@astrojs/solid-js": "^0.0.3", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { "solid-js": "^1.3.13" diff --git a/examples/framework-svelte/package.json b/examples/framework-svelte/package.json index f7af94738..6278695f8 100644 --- a/examples/framework-svelte/package.json +++ b/examples/framework-svelte/package.json @@ -10,9 +10,9 @@ }, "devDependencies": { "@astrojs/svelte": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { - "svelte": "^3.46.4" + "svelte": "^3.46.6" } } diff --git a/examples/framework-vue/package.json b/examples/framework-vue/package.json index eeada1a5e..d803f48e3 100644 --- a/examples/framework-vue/package.json +++ b/examples/framework-vue/package.json @@ -10,7 +10,7 @@ }, "devDependencies": { "@astrojs/vue": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { "vue": "^3.2.31" diff --git a/examples/integrations-playground/package.json b/examples/integrations-playground/package.json index 848bd2c4c..11ecd7eef 100644 --- a/examples/integrations-playground/package.json +++ b/examples/integrations-playground/package.json @@ -10,21 +10,21 @@ }, "devDependencies": { "@astrojs/lit": "^0.0.2", - "@astrojs/partytown": "^0.0.2", - "@astrojs/react": "^0.0.2", - "@astrojs/sitemap": "^0.0.2", - "@astrojs/tailwind": "^0.0.2", + "@astrojs/partytown": "^0.1.0", + "@astrojs/react": "^0.1.0", + "@astrojs/sitemap": "^0.1.0", + "@astrojs/tailwind": "^0.1.0", "@astrojs/turbolinks": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { "@webcomponents/template-shadowroot": "^0.1.0", "lit": "^2.2.1", - "preact": "^10.6.6", + "preact": "^10.7.0", "react": "^18.0.0", "react-dom": "^18.0.0", "solid-js": "^1.3.13", - "svelte": "^3.46.4", + "svelte": "^3.46.6", "vue": "^3.2.31" } } diff --git a/examples/minimal/package.json b/examples/minimal/package.json index 4adc0c827..c86dfb321 100644 --- a/examples/minimal/package.json +++ b/examples/minimal/package.json @@ -9,6 +9,6 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/non-html-pages/package.json b/examples/non-html-pages/package.json index 27553f811..0f6a8b21c 100644 --- a/examples/non-html-pages/package.json +++ b/examples/non-html-pages/package.json @@ -9,6 +9,6 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/portfolio/package.json b/examples/portfolio/package.json index ae5d52396..52b926656 100644 --- a/examples/portfolio/package.json +++ b/examples/portfolio/package.json @@ -10,10 +10,10 @@ }, "devDependencies": { "@astrojs/preact": "^0.0.2", - "astro": "^0.25.4", - "sass": "^1.49.9" + "astro": "^0.26.0", + "sass": "^1.49.11" }, "dependencies": { - "preact": "^10.6.6" + "preact": "^10.7.0" } } diff --git a/examples/portfolio/src/components/Nav/index.jsx b/examples/portfolio/src/components/Nav/index.jsx index d74961d6d..b7cd28f36 100644 --- a/examples/portfolio/src/components/Nav/index.jsx +++ b/examples/portfolio/src/components/Nav/index.jsx @@ -24,7 +24,13 @@ function Nav() { </svg> </a> <a className={Styles.social} href="https://dev.to/me"> - <svg className={Styles.socialicon} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 40" style="enable-background:new 0 0 50 40" xmlSpace="preserve"> + <svg + className={Styles.socialicon} + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 50 40" + style="enable-background:new 0 0 50 40" + xmlSpace="preserve" + > <path d="M15.7 15.5c-.4-.3-.7-.4-1.1-.4h-1.7v10.1h1.7c.4 0 .8-.1 1.1-.4.4-.3.6-.7.6-1.3v-6.7c0-.6-.2-1-.6-1.3z" /> <path d="M47 0H3C1.3 0 0 1.3 0 3v34c0 1.7 1.3 3 3 3h44c1.7 0 3-1.3 3-3V3c0-1.7-1.3-3-3-3zM19.1 23.5c0 1.3-.4 2.4-1.3 3.2-.8.9-1.9 1.3-3.3 1.3h-4.4V12.3h4.5c1.3 0 2.4.4 3.2 1.3.8.8 1.3 1.9 1.3 3.2v6.7zm9.1-8.4h-5.1v3.6h3.1v2.8h-3.1v3.7h5.1V28h-5.9c-.6 0-1-.2-1.4-.6-.4-.4-.6-.8-.6-1.4V14.2c0-.6.2-1 .6-1.4.4-.4.8-.6 1.4-.6h5.9v2.9zM37.5 26c-.6 1.3-1.3 2-2.2 2-.9 0-1.7-.7-2.2-2l-3.7-13.8h3.1L35.3 23l2.8-10.8h3.1L37.5 26z" /> </svg> diff --git a/examples/ssr/package.json b/examples/ssr/package.json index 370e79972..1688374f6 100644 --- a/examples/ssr/package.json +++ b/examples/ssr/package.json @@ -9,15 +9,15 @@ "server": "node server/server.mjs" }, "devDependencies": { - "@astrojs/svelte": "^0.0.2", "@astrojs/node": "^0.0.2", - "astro": "^0.25.4", - "concurrently": "^7.0.0", + "@astrojs/svelte": "^0.0.2", + "astro": "^0.26.0", + "concurrently": "^7.1.0", "lightcookie": "^1.0.25", "unocss": "^0.15.6", "vite-imagetools": "^4.0.3" }, "dependencies": { - "svelte": "^3.46.4" + "svelte": "^3.46.6" } } diff --git a/examples/ssr/src/api.ts b/examples/ssr/src/api.ts index 82c82a190..939130506 100644 --- a/examples/ssr/src/api.ts +++ b/examples/ssr/src/api.ts @@ -21,7 +21,11 @@ function getOrigin(request: Request): string { return new URL(request.url).origin.replace('localhost', '127.0.0.1'); } -async function get<T>(incomingReq: Request, endpoint: string, cb: (response: Response) => Promise<T>): Promise<T> { +async function get<T>( + incomingReq: Request, + endpoint: string, + cb: (response: Response) => Promise<T> +): Promise<T> { const response = await fetch(`${getOrigin(incomingReq)}${endpoint}`, { credentials: 'same-origin', }); diff --git a/examples/starter/package.json b/examples/starter/package.json index 65ea2b04d..b6e3884b3 100644 --- a/examples/starter/package.json +++ b/examples/starter/package.json @@ -9,6 +9,6 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/starter/src/styles/global.css b/examples/starter/src/styles/global.css index a9f830eda..8ef8122cb 100644 --- a/examples/starter/src/styles/global.css +++ b/examples/starter/src/styles/global.css @@ -4,7 +4,8 @@ } :root { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji; font-size: 1rem; --user-font-scale: 1rem - 16px; font-size: clamp(0.875rem, 0.4626rem + 1.0309vw + var(--user-font-scale), 1.125rem); diff --git a/examples/starter/src/styles/home.css b/examples/starter/src/styles/home.css index b3cbd02d0..147f95776 100644 --- a/examples/starter/src/styles/home.css +++ b/examples/starter/src/styles/home.css @@ -1,6 +1,7 @@ :root { - --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', - 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', + 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, + 'Courier New', Courier, monospace; --color-light: #f3f4f6; } diff --git a/examples/subpath/astro.config.mjs b/examples/subpath/astro.config.mjs index bb680d762..02b050efc 100644 --- a/examples/subpath/astro.config.mjs +++ b/examples/subpath/astro.config.mjs @@ -4,7 +4,5 @@ import react from '@astrojs/react'; // https://astro.build/config export default defineConfig({ integrations: [react()], - buildOptions: { - site: 'http://example.com/blog', - }, + site: 'http://example.com/blog', }); diff --git a/examples/subpath/package.json b/examples/subpath/package.json index ea792f73a..b46528388 100644 --- a/examples/subpath/package.json +++ b/examples/subpath/package.json @@ -9,9 +9,9 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/react": "^0.0.2", - "astro": "^0.25.4", - "sass": "^1.49.9" + "@astrojs/react": "^0.1.0", + "astro": "^0.26.0", + "sass": "^1.49.11" }, "dependencies": { "react": "^18.0.0", diff --git a/examples/with-markdown-plugins/astro.config.mjs b/examples/with-markdown-plugins/astro.config.mjs index 0e112712a..4872caac7 100644 --- a/examples/with-markdown-plugins/astro.config.mjs +++ b/examples/with-markdown-plugins/astro.config.mjs @@ -1,17 +1,16 @@ import { defineConfig } from 'astro/config'; -import astroRemark from '@astrojs/markdown-remark'; import addClasses from './add-classes.mjs'; // https://astro.build/config export default defineConfig({ // Enable Custom Markdown options, plugins, etc. - markdownOptions: { - render: [ - astroRemark, - { - remarkPlugins: ['remark-code-titles'], - rehypePlugins: [['rehype-autolink-headings', { behavior: 'prepend' }], ['rehype-toc', { headings: ['h2', 'h3'] }], [addClasses, { 'h1,h2,h3': 'title' }], 'rehype-slug'], - }, + markdown: { + remarkPlugins: ['remark-code-titles'], + rehypePlugins: [ + ['rehype-autolink-headings', { behavior: 'prepend' }], + ['rehype-toc', { headings: ['h2', 'h3'] }], + [addClasses, { 'h1,h2,h3': 'title' }], + 'rehype-slug', ], }, }); diff --git a/examples/with-markdown-plugins/package.json b/examples/with-markdown-plugins/package.json index 7c02a8014..159b7cc4a 100644 --- a/examples/with-markdown-plugins/package.json +++ b/examples/with-markdown-plugins/package.json @@ -9,8 +9,8 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/markdown-remark": "^0.7.0", - "astro": "^0.25.4", + "@astrojs/markdown-remark": "^0.8.0", + "astro": "^0.26.0", "hast-util-select": "5.0.1", "rehype-autolink-headings": "^6.1.1", "rehype-slug": "^5.0.1", diff --git a/examples/with-markdown-shiki/astro.config.mjs b/examples/with-markdown-shiki/astro.config.mjs index 7a0b4f0f2..a091e103c 100644 --- a/examples/with-markdown-shiki/astro.config.mjs +++ b/examples/with-markdown-shiki/astro.config.mjs @@ -1,20 +1,14 @@ import { defineConfig } from 'astro/config'; -import astroRemark from '@astrojs/markdown-remark'; // https://astro.build/config export default defineConfig({ // Enable Custom Markdown options, plugins, etc. - markdownOptions: { - render: [ - astroRemark, - { - syntaxHighlight: 'shiki', - shikiConfig: { - theme: 'dracula', - // Learn more about this configuration here: - // https://docs.astro.build/en/guides/markdown-content/#syntax-highlighting - }, - }, - ], + markdown: { + syntaxHighlight: 'shiki', + shikiConfig: { + theme: 'dracula', + // Learn more about this configuration here: + // https://docs.astro.build/en/guides/markdown-content/#syntax-highlighting + }, }, }); diff --git a/examples/with-markdown-shiki/package.json b/examples/with-markdown-shiki/package.json index 33de85830..e8151440e 100644 --- a/examples/with-markdown-shiki/package.json +++ b/examples/with-markdown-shiki/package.json @@ -9,7 +9,7 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/markdown-remark": "^0.7.0", - "astro": "^0.25.4" + "@astrojs/markdown-remark": "^0.8.0", + "astro": "^0.26.0" } } diff --git a/examples/with-markdown/package.json b/examples/with-markdown/package.json index 7f96d9ffa..1dd993979 100644 --- a/examples/with-markdown/package.json +++ b/examples/with-markdown/package.json @@ -9,18 +9,18 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/markdown-remark": "^0.7.0", + "@astrojs/markdown-remark": "^0.8.0", "@astrojs/preact": "^0.0.2", - "@astrojs/react": "^0.0.2", + "@astrojs/react": "^0.1.0", "@astrojs/svelte": "^0.0.2", "@astrojs/vue": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" }, "dependencies": { - "preact": "^10.6.6", + "preact": "^10.7.0", "react": "^18.0.0", "react-dom": "^18.0.0", - "svelte": "^3.46.4", + "svelte": "^3.46.6", "vue": "^3.2.31" } } diff --git a/examples/with-nanostores/package.json b/examples/with-nanostores/package.json index 55a60cadb..242828fbb 100644 --- a/examples/with-nanostores/package.json +++ b/examples/with-nanostores/package.json @@ -13,7 +13,7 @@ "@nanostores/react": "^0.1.5", "@nanostores/vue": "^0.4.1", "nanostores": "^0.5.12", - "preact": "^10.6.6", + "preact": "^10.7.0", "react": "^18.0.0", "react-dom": "^18.0.0", "solid-nanostores": "0.0.6", @@ -21,10 +21,10 @@ }, "devDependencies": { "@astrojs/preact": "^0.0.2", - "@astrojs/react": "^0.0.2", + "@astrojs/react": "^0.1.0", "@astrojs/solid-js": "^0.0.3", "@astrojs/svelte": "^0.0.2", "@astrojs/vue": "^0.0.2", - "astro": "^0.25.4" + "astro": "^0.26.0" } } diff --git a/examples/with-nanostores/src/styles/global.css b/examples/with-nanostores/src/styles/global.css index a9f830eda..8ef8122cb 100644 --- a/examples/with-nanostores/src/styles/global.css +++ b/examples/with-nanostores/src/styles/global.css @@ -4,7 +4,8 @@ } :root { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji; font-size: 1rem; --user-font-scale: 1rem - 16px; font-size: clamp(0.875rem, 0.4626rem + 1.0309vw + var(--user-font-scale), 1.125rem); diff --git a/examples/with-nanostores/src/styles/home.css b/examples/with-nanostores/src/styles/home.css index 5770429d1..c2f50cb19 100644 --- a/examples/with-nanostores/src/styles/home.css +++ b/examples/with-nanostores/src/styles/home.css @@ -1,6 +1,7 @@ :root { - --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', - 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', + 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, + 'Courier New', Courier, monospace; --color-light: #f3f4f6; } diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json index 04cfa9258..d15a3a81a 100644 --- a/examples/with-tailwindcss/package.json +++ b/examples/with-tailwindcss/package.json @@ -9,8 +9,8 @@ "preview": "astro preview" }, "devDependencies": { - "@astrojs/tailwind": "^0.0.2", - "astro": "^0.25.4", + "@astrojs/tailwind": "^0.1.0", + "astro": "^0.26.0", "autoprefixer": "^10.4.4", "canvas-confetti": "^1.5.1", "postcss": "^8.4.12", diff --git a/examples/with-tailwindcss/src/components/Button.astro b/examples/with-tailwindcss/src/components/Button.astro index 11c605a2f..7d11c37ea 100644 --- a/examples/with-tailwindcss/src/components/Button.astro +++ b/examples/with-tailwindcss/src/components/Button.astro @@ -5,7 +5,8 @@ <button class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"> <slot /> </button> -<script hoist> + +<script> import confetti from 'canvas-confetti'; document.body.querySelector('button').addEventListener("click", () => confetti()); -</script>
\ No newline at end of file +</script> diff --git a/examples/with-vite-plugin-pwa/package.json b/examples/with-vite-plugin-pwa/package.json index 4ac168012..12a8512fd 100644 --- a/examples/with-vite-plugin-pwa/package.json +++ b/examples/with-vite-plugin-pwa/package.json @@ -9,7 +9,7 @@ "preview": "astro preview" }, "devDependencies": { - "astro": "^0.25.4", + "astro": "^0.26.0", "vite-plugin-pwa": "0.11.11", "workbox-window": "^6.5.2" } |