diff --git a/packages/astro/src/runtime/server/jsx.ts b/packages/astro/src/runtime/server/jsx.ts index 365345a56623..8b81a641ea35 100644 --- a/packages/astro/src/runtime/server/jsx.ts +++ b/packages/astro/src/runtime/server/jsx.ts @@ -11,8 +11,8 @@ import { voidElementNames, } from './index.js'; import { HTMLParts } from './render/common.js'; -import { ScopeFlags } from './render/util.js'; import type { ComponentIterable } from './render/component'; +import { ScopeFlags } from './render/util.js'; const ClientOnlyPlaceholder = 'astro-client-only'; @@ -95,7 +95,7 @@ Did you forget to import the component or is it possible there is a typo?`); props[key] = value; } } - result.scope |= ScopeFlags.JSX; + result.scope |= ScopeFlags.JSX; return markHTMLString(await renderToString(result, vnode.type as any, props, slots)); } case !vnode.type && (vnode.type as any) !== 0: diff --git a/packages/astro/src/runtime/server/render/astro/factory.ts b/packages/astro/src/runtime/server/render/astro/factory.ts index a1e7d0611343..1f85fe45c72f 100644 --- a/packages/astro/src/runtime/server/render/astro/factory.ts +++ b/packages/astro/src/runtime/server/render/astro/factory.ts @@ -3,9 +3,9 @@ import type { HeadAndContent } from './head-and-content'; import type { RenderTemplateResult } from './render-template'; import { HTMLParts } from '../common.js'; +import { ScopeFlags } from '../util.js'; import { isHeadAndContent } from './head-and-content.js'; import { renderAstroTemplateResult } from './render-template.js'; -import { ScopeFlags } from '../util.js'; export type AstroFactoryReturnValue = RenderTemplateResult | Response | HeadAndContent; diff --git a/packages/astro/src/runtime/server/render/head.ts b/packages/astro/src/runtime/server/render/head.ts index 72be58623401..0f39fe2192a8 100644 --- a/packages/astro/src/runtime/server/render/head.ts +++ b/packages/astro/src/runtime/server/render/head.ts @@ -54,7 +54,7 @@ export function* maybeRenderHead(result: SSRResult) { // Don't render the head inside of a JSX component that's inside of an Astro component // as the Astro component will be the one to render the head. - switch(result.scope) { + switch (result.scope) { case ScopeFlags.JSX | ScopeFlags.Slot | ScopeFlags.Astro: { return; } diff --git a/packages/astro/src/runtime/server/render/slot.ts b/packages/astro/src/runtime/server/render/slot.ts index 1e2e946c3515..32d0a2dc1299 100644 --- a/packages/astro/src/runtime/server/render/slot.ts +++ b/packages/astro/src/runtime/server/render/slot.ts @@ -21,7 +21,11 @@ export function isSlotString(str: string): str is any { return !!(str as any)[slotString]; } -export async function renderSlot(result: SSRResult, slotted: string, fallback?: any): Promise { +export async function renderSlot( + result: SSRResult, + slotted: string, + fallback?: any +): Promise { if (slotted) { result.scope |= ScopeFlags.Slot; let iterator = renderChild(slotted); diff --git a/packages/astro/src/runtime/server/render/util.ts b/packages/astro/src/runtime/server/render/util.ts index 3986f9d50aa7..7e5ca9a5d160 100644 --- a/packages/astro/src/runtime/server/render/util.ts +++ b/packages/astro/src/runtime/server/render/util.ts @@ -132,5 +132,5 @@ export function renderElement( export const ScopeFlags = { Astro: 1 << 0, JSX: 1 << 1, - Slot: 1 << 2 + Slot: 1 << 2, };