{children}
-nospace around it.
diff --git a/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/plain.md b/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/plain.md
deleted file mode 100644
index d548b3356b650..0000000000000
--- a/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/plain.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
----
-
-## Plain jane
-
-I am plain markdown!
diff --git a/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/with-components.md b/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/with-components.md
deleted file mode 100644
index dc6c23bf9c198..0000000000000
--- a/packages/astro/test/fixtures/legacy-astro-flavored-markdown/src/imported-md/with-components.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-setup: |
- import Counter from '../components/Counter.jsx'
- import Hello from '../components/Hello.jsx'
- import SvelteButton from '../components/SvelteButton.svelte'
----
-
-## With components
-
-### Non-hydrated
-
-2: Paragraph in fragmentSlot
-5: Paragraph in fragment in default slot
3: p with title as pSlot
-2: pSlot
-4: nested pSlot
- 5: nested text in default slot -{{ count }}
-
- {{ greeting }}
- - - diff --git a/packages/astro/test/fixtures/legacy-build/src/components/InlineHoisted.astro b/packages/astro/test/fixtures/legacy-build/src/components/InlineHoisted.astro deleted file mode 100644 index ba6c0ab4d4e0b..0000000000000 --- a/packages/astro/test/fixtures/legacy-build/src/components/InlineHoisted.astro +++ /dev/null @@ -1,13 +0,0 @@ - - diff --git a/packages/astro/test/fixtures/legacy-build/src/pages/[pokemon].astro b/packages/astro/test/fixtures/legacy-build/src/pages/[pokemon].astro deleted file mode 100644 index bb3372123533b..0000000000000 --- a/packages/astro/test/fixtures/legacy-build/src/pages/[pokemon].astro +++ /dev/null @@ -1,18 +0,0 @@ ---- -import Greeting from '../components/Greeting.vue'; - -export async function getStaticPaths() { - const allPokemon = [{name: 'Charmander'}, {name: 'Charmander'}, {name: 'Charizard'}]; - return allPokemon.map(pokemon => ({params: {pokemon: pokemon.name}, props: {pokemon}})); -} ---- - - -` in the codeblock
- expect($('pre')[0].children).to.have.lengthOf(1);
-
- // test 2: The empty `` failed to render
- expect($('pre')[1].children).to.have.lengthOf(0);
- });
-
- it('Can render markdown with --- for horizontal rule', async () => {
- const html = await fixture.readFile('/dash/index.html');
- expect(!!html).to.equal(true);
- });
-
- it('Exposes raw markdown content', async () => {
- const { raw } = JSON.parse(await fixture.readFile('/raw-content.json'));
-
- expect(fixLineEndings(raw)).to.equal(
- `\n## With components\n\n### Non-hydrated\n\nWith components
\nNon-hydrated
\nHydrated
\n5: Paragraph in fragment in default slot
` +
- // Optional whitespace due to the line breaks between components
- `[\s\n]*` +
- `6: Regular text in default slot`
- )
- );
-
- const nestedSlots = $('article').eq(1);
- expect(nestedSlots.find('> .fragmentSlot').html()).to.contain('1:');
- expect(nestedSlots.find('> .pSlot > p').text()).to.contain('2:');
- expect(nestedSlots.find('> .defaultSlot > article').text().replace(/\s+/g, ' ')).to.equal(
- `
- 3: nested fragmentSlot
- 4: nested pSlot
- 5: nested text in default slot
- `.replace(/\s+/g, ' ')
- );
-
- expect($('article').eq(3).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
-
- expect($('article').eq(4).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
- });
-
- it('Generate the right props for the layout', async () => {
- const html = await fixture.readFile('/layout-props/index.html');
- const $ = cheerio.load(html);
-
- expect($('#title').text()).to.equal('Hello world!');
- expect($('#url').text()).to.equal('/layout-props');
- expect($('#file').text()).to.match(/.*\/layout-props.md$/);
- });
-});
diff --git a/packages/astro/test/slots-preact.test.js b/packages/astro/test/slots-preact.test.js
index b7330a18242d1..893c2dd8a9803 100644
--- a/packages/astro/test/slots-preact.test.js
+++ b/packages/astro/test/slots-preact.test.js
@@ -34,26 +34,6 @@ describe('Slots: Preact', () => {
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
- describe('For Markdown Pages', () => {
- it('Renders default slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#content').text().trim()).to.equal('Hello world!');
- });
-
- it('Renders named slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#named').text().trim()).to.equal('Fallback / Named');
- });
-
- it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
- });
- });
-
describe('For MDX Pages', () => {
it('Renders default slot', async () => {
const html = await fixture.readFile('/mdx/index.html');
diff --git a/packages/astro/test/slots-react.test.js b/packages/astro/test/slots-react.test.js
index a5ac46ab30345..64644515720be 100644
--- a/packages/astro/test/slots-react.test.js
+++ b/packages/astro/test/slots-react.test.js
@@ -34,26 +34,6 @@ describe('Slots: React', () => {
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
- describe('For Markdown Pages', () => {
- it('Renders default slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#content').text().trim()).to.equal('Hello world!');
- });
-
- it('Renders named slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#named').text().trim()).to.equal('Fallback / Named');
- });
-
- it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
- });
- });
-
describe('For MDX Pages', () => {
it('Renders default slot', async () => {
const html = await fixture.readFile('/mdx/index.html');
diff --git a/packages/astro/test/slots-solid.test.js b/packages/astro/test/slots-solid.test.js
index 60e3231c9fa0b..c7bbda434beba 100644
--- a/packages/astro/test/slots-solid.test.js
+++ b/packages/astro/test/slots-solid.test.js
@@ -34,26 +34,6 @@ describe('Slots: Solid', () => {
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
- describe('For Markdown Pages', () => {
- it('Renders default slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#content').text().trim()).to.equal('Hello world!');
- });
-
- it('Renders named slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#named').text().trim()).to.equal('Fallback / Named');
- });
-
- it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
- });
- });
-
describe('For MDX Pages', () => {
it('Renders default slot', async () => {
const html = await fixture.readFile('/mdx/index.html');
diff --git a/packages/astro/test/slots-svelte.test.js b/packages/astro/test/slots-svelte.test.js
index a96a397e3e5d3..9aeb4c106a8a5 100644
--- a/packages/astro/test/slots-svelte.test.js
+++ b/packages/astro/test/slots-svelte.test.js
@@ -34,26 +34,6 @@ describe('Slots: Svelte', () => {
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
- describe('For Markdown Pages', () => {
- it('Renders default slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#content').text().trim()).to.equal('Hello world!');
- });
-
- it('Renders named slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#named').text().trim()).to.equal('Fallback / Named');
- });
-
- it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
- });
- });
-
describe('For MDX Pages', () => {
it('Renders default slot', async () => {
const html = await fixture.readFile('/mdx/index.html');
diff --git a/packages/astro/test/slots-vue.test.js b/packages/astro/test/slots-vue.test.js
index 2999904b75550..2193c77726740 100644
--- a/packages/astro/test/slots-vue.test.js
+++ b/packages/astro/test/slots-vue.test.js
@@ -34,26 +34,6 @@ describe('Slots: Vue', () => {
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
- describe('For Markdown Pages', () => {
- it('Renders default slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#content').text().trim()).to.equal('Hello world!');
- });
-
- it('Renders named slot', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#named').text().trim()).to.equal('Fallback / Named');
- });
-
- it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
- const $ = cheerio.load(html);
- expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
- });
- });
-
describe('For MDX Pages', () => {
it('Renders default slot', async () => {
const html = await fixture.readFile('/mdx/index.html');
@@ -68,7 +48,7 @@ describe('Slots: Vue', () => {
});
it('Converts dash-case slot to camelCase', async () => {
- const html = await fixture.readFile('/markdown/index.html');
+ const html = await fixture.readFile('/mdx/index.html');
const $ = cheerio.load(html);
expect($('#dash-case').text().trim()).to.equal('Fallback / Dash Case');
});
diff --git a/packages/astro/test/sourcemap.test.js b/packages/astro/test/sourcemap.test.js
index c24d7f3f0d25b..4937e22364486 100644
--- a/packages/astro/test/sourcemap.test.js
+++ b/packages/astro/test/sourcemap.test.js
@@ -10,7 +10,7 @@ describe('Sourcemap', async () => {
});
it('Builds sourcemap', async () => {
- const dir = await fixture.readdir('.');
+ const dir = await fixture.readdir('./assets');
const counterMap = dir.find((file) => file.match(/^Counter\.\w+\.js\.map$/));
expect(counterMap).to.be.ok;
});
diff --git a/packages/integrations/deno/src/index.ts b/packages/integrations/deno/src/index.ts
index 8907c489da019..68452be94a33e 100644
--- a/packages/integrations/deno/src/index.ts
+++ b/packages/integrations/deno/src/index.ts
@@ -86,7 +86,7 @@ export default function createIntegration(args?: Options): AstroIntegration {
// Remove chunks, if they exist. Since we have bundled via esbuild these chunks are trash.
try {
const chunkFileNames =
- _vite?.build?.rollupOptions?.output?.chunkFileNames ?? 'chunks/chunk.[hash].mjs';
+ _vite?.build?.rollupOptions?.output?.chunkFileNames ?? 'assets/chunks/chunk.[hash].mjs';
const chunkPath = npath.dirname(chunkFileNames);
const chunksDirUrl = new URL(chunkPath + '/', _buildConfig.server);
await fs.promises.rm(chunksDirUrl, { recursive: true, force: true });
diff --git a/packages/integrations/image/src/index.ts b/packages/integrations/image/src/index.ts
index c30ee31ede4b7..cc8093981d24c 100644
--- a/packages/integrations/image/src/index.ts
+++ b/packages/integrations/image/src/index.ts
@@ -146,7 +146,7 @@ export default function integration(options: IntegrationOptions = {}): AstroInte
// For the Squoosh service, copy all wasm files to dist/chunks.
// Because the default loader is dynamically imported (above),
// Vite will bundle squoosh to dist/chunks and expect to find the wasm files there
- await copyWasmFiles(new URL('./chunks', dir));
+ await copyWasmFiles(new URL('./assets/chunks', dir));
}
if (loader && 'transform' in loader && staticImages.size > 0) {
@@ -166,7 +166,7 @@ export default function integration(options: IntegrationOptions = {}): AstroInte
},
'astro:build:ssr': async () => {
if (resolvedOptions.serviceEntryPoint === '@astrojs/image/squoosh') {
- await copyWasmFiles(new URL('./chunks/', _buildConfig.server));
+ await copyWasmFiles(new URL('./assets/chunks/', _buildConfig.server));
}
},
},
diff --git a/packages/integrations/netlify/src/integration-edge-functions.ts b/packages/integrations/netlify/src/integration-edge-functions.ts
index 35b660e2cdd2f..48be316d9d188 100644
--- a/packages/integrations/netlify/src/integration-edge-functions.ts
+++ b/packages/integrations/netlify/src/integration-edge-functions.ts
@@ -100,7 +100,7 @@ async function bundleServerEntry({ serverEntry, server }: BuildConfig, vite: any
// Remove chunks, if they exist. Since we have bundled via esbuild these chunks are trash.
try {
const chunkFileNames =
- vite?.build?.rollupOptions?.output?.chunkFileNames ?? 'chunks/chunk.[hash].mjs';
+ vite?.build?.rollupOptions?.output?.chunkFileNames ?? 'assets/chunks/chunk.[hash].mjs';
const chunkPath = npath.dirname(chunkFileNames);
const chunksDirUrl = new URL(chunkPath + '/', server);
await fs.promises.rm(chunksDirUrl, { recursive: true, force: true });
diff --git a/packages/integrations/tailwind/README.md b/packages/integrations/tailwind/README.md
index fa5532b854b9c..3d333a95f66a5 100644
--- a/packages/integrations/tailwind/README.md
+++ b/packages/integrations/tailwind/README.md
@@ -68,6 +68,8 @@ export default defineConfig({
When you install the integration, Tailwind's utility classes should be ready to go right away. Head to the [Tailwind docs](https://tailwindcss.com/docs/utility-first) to learn how to use Tailwind, and if you see a utility class you want to try, add it to any HTML element to your project!
+[Autoprefixer](https://github.com/postcss/autoprefixer) is also setup automatically for production builds so Tailwind classes will work in older browsers.
+
https://user-images.githubusercontent.com/4033662/169918388-8ed153b2-0ba0-4b24-b861-d6e1cc800b6c.mp4
## Configuration
diff --git a/packages/integrations/tailwind/src/index.ts b/packages/integrations/tailwind/src/index.ts
index 28def50c757fa..951868e9f2f7b 100644
--- a/packages/integrations/tailwind/src/index.ts
+++ b/packages/integrations/tailwind/src/index.ts
@@ -66,6 +66,20 @@ async function getUserConfig(root: URL, configPath?: string, isRestart = false)
}
}
+function getViteConfiguration(isBuild: boolean, tailwindConfig: TailwindConfig) {
+ const postcssPlugins = [tailwindPlugin(tailwindConfig)];
+ if (isBuild) {
+ postcssPlugins.push(autoprefixerPlugin());
+ }
+ return {
+ css: {
+ postcss: {
+ plugins: postcssPlugins,
+ },
+ },
+ };
+}
+
type TailwindOptions =
| {
config?: {
@@ -92,7 +106,14 @@ export default function tailwindIntegration(options?: TailwindOptions): AstroInt
return {
name: '@astrojs/tailwind',
hooks: {
- 'astro:config:setup': async ({ config, injectScript, addWatchFile, isRestart }) => {
+ 'astro:config:setup': async ({
+ command,
+ config,
+ updateConfig,
+ injectScript,
+ addWatchFile,
+ isRestart,
+ }) => {
// Inject the Tailwind postcss plugin
const userConfig = await getUserConfig(config.root, customConfigPath, isRestart);
@@ -108,10 +129,9 @@ export default function tailwindIntegration(options?: TailwindOptions): AstroInt
addWatchFile(userConfig.filePath);
}
- const tailwindConfig: TailwindConfig =
+ const tailwindConfig =
(userConfig?.value as TailwindConfig) ?? getDefaultTailwindConfig(config.srcDir);
- config.style.postcss.plugins.push(tailwindPlugin(tailwindConfig));
- config.style.postcss.plugins.push(autoprefixerPlugin);
+ updateConfig({ vite: getViteConfiguration(command === 'build', tailwindConfig) });
if (applyBaseStyles) {
// Inject the Tailwind base import
diff --git a/packages/markdown/component/test/astro-markdown.test.js b/packages/markdown/component/test/astro-markdown.test.js
index e5a1382a59c60..d2b156334535e 100644
--- a/packages/markdown/component/test/astro-markdown.test.js
+++ b/packages/markdown/component/test/astro-markdown.test.js
@@ -25,25 +25,6 @@ describe('Astro Markdown', () => {
expect($('#test').length).to.be.ok;
});
- it('Can parse JSX expressions in markdown pages', async () => {
- const html = await fixture.readFile('/jsx-expressions/index.html');
- const $ = cheerio.load(html);
-
- expect($('h2').html()).to.equal('Blog Post with JSX expressions');
-
- expect(html).to.contain('JSX at the start of the line!');
- for (let listItem of ['test-1', 'test-2', 'test-3']) {
- expect($(`#${listItem}`).html()).to.equal(`${listItem}`);
- }
- });
-
- it('Can handle slugs with JSX expressions in markdown pages', async () => {
- const html = await fixture.readFile('/slug/index.html');
- const $ = cheerio.load(html);
-
- expect($('h1').attr('id')).to.equal('my-blog-post');
- });
-
it('Can handle code elements without extra spacing', async () => {
const html = await fixture.readFile('/code-element/index.html');
const $ = cheerio.load(html);
@@ -53,14 +34,6 @@ describe('Astro Markdown', () => {
});
});
- it('Can handle namespaced components in markdown', async () => {
- const html = await fixture.readFile('/namespace/index.html');
- const $ = cheerio.load(html);
-
- expect($('h1').text()).to.equal('Hello Namespace!');
- expect($('button').length).to.equal(1);
- });
-
it('Correctly handles component children in markdown pages (#3319)', async () => {
const html = await fixture.readFile('/children/index.html');
@@ -95,12 +68,6 @@ describe('Astro Markdown', () => {
expect($('pre > code').text()).to.equal('');
});
- // https://github.com/withastro/astro/issues/3254
- it('Can handle scripts in markdown pages', async () => {
- const html = await fixture.readFile('/script/index.html');
- expect(html).not.to.match(new RegExp('/src/scripts/test.js'));
- });
-
it('Can load more complex jsxy stuff', async () => {
const html = await fixture.readFile('/complex/index.html');
const $ = cheerio.load(html);
@@ -256,45 +223,6 @@ describe('Astro Markdown', () => {
expect($('#target > ol > li > ol > li').text()).to.equal('nested hello');
});
- it('Exposes raw markdown content', async () => {
- const { raw } = JSON.parse(await fixture.readFile('/raw-content.json'));
-
- expect(fixLineEndings(raw)).to.equal(
- `\n## With components\n\n### Non-hydrated\n\nWith components
\nNon-hydrated
\nHydrated
\n5: Paragraph in fragment in default slot
` +
- // Optional whitespace due to the line breaks between components
- `[\s\n]*` +
- `6: Regular text in default slot`
- )
- );
-
- const nestedSlots = $('article').eq(1);
- expect(nestedSlots.find('> .fragmentSlot').html()).to.contain('1:');
- expect(nestedSlots.find('> .pSlot > p').text()).to.contain('2:');
- expect(nestedSlots.find('> .defaultSlot > article').text().replace(/\s+/g, ' ')).to.equal(
- `
- 3: nested fragmentSlot
- 4: nested pSlot
- 5: nested text in default slot
- `.replace(/\s+/g, ' ')
- );
-
- expect($('article').eq(3).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
-
- expect($('article').eq(4).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
- });
-
it('Generate the right props for the layout', async () => {
const html = await fixture.readFile('/layout-props/index.html');
const $ = cheerio.load(html);
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/astro.config.mjs b/packages/markdown/component/test/fixtures/astro-markdown/astro.config.mjs
index 405776c2bf0e8..be33a26cced0a 100644
--- a/packages/markdown/component/test/fixtures/astro-markdown/astro.config.mjs
+++ b/packages/markdown/component/test/fixtures/astro-markdown/astro.config.mjs
@@ -4,9 +4,6 @@ import svelte from "@astrojs/svelte";
// https://astro.build/config
export default defineConfig({
- legacy: {
- astroFlavoredMarkdown: true,
- },
integrations: [preact(), svelte()],
site: 'https://astro.build/',
});
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md b/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md
deleted file mode 100644
index dc6c23bf9c198..0000000000000
--- a/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-setup: |
- import Counter from '../components/Counter.jsx'
- import Hello from '../components/Hello.jsx'
- import SvelteButton from '../components/SvelteButton.svelte'
----
-
-## With components
-
-### Non-hydrated
-
-
- {frontmatter.list.map(item => - {item}
)}
-
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md
deleted file mode 100644
index abbe26a3b0275..0000000000000
--- a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-setup: import ns from '../components/index.js';
----
-
-# Hello Namespace!
-
-Click me!
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/raw-content.json.js b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/raw-content.json.js
deleted file mode 100644
index 21be533e10208..0000000000000
--- a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/raw-content.json.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { rawContent, compiledContent } from '../imported-md/with-components.md';
-
-export async function get() {
- return {
- body: JSON.stringify({
- raw: rawContent(),
- compiled: await compiledContent(),
- }),
- }
-}
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md
deleted file mode 100644
index f2b8bca882930..0000000000000
--- a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Test
-
-## Let's try a script...
-
-This should work!
-
-
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md
deleted file mode 100644
index c7e8367b82c0c..0000000000000
--- a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-layout: ../layouts/content.astro
-setup: import SlotComponent from '../components/SlotComponent.astro';
----
-
-# Component with slot contents in children
-
-
- 4: Div in default slot
-
- 1: Div in fragmentSlot
- 2: Paragraph in fragmentSlot
-
- 5: Paragraph in fragment in default slot
3: p with title as pSlot
-
-
-# Component with nested component in children
-
-
- 2: pSlot
-
- 4: nested pSlot
- 5: nested text in default slot
- 3: nested fragmentSlot
-
- 1: fragmentSlot
-
-
-# Missing content due to empty children
-
-
-
-
-# Missing content due to self-closing tag
-
-