Importing a .svx file in another .svx file overwrites frontmatter data

I am trying to use one .svx page as a component in another one, but then the frontmatter data defined in the imported one (even if it doesn’t have any) removes any frontmatter data defined in the page that imports it. What should I do to properly import a svx file in another?

Using Sapper v0.28.0, MDsveX v0.8.6, Svelte v3.24, and Rollup v2.18.2

[aabounegm]

Yes, that fixed it! Thank you very much. Your help and response time is highly appreciated! 😄

[aabounegm]

Wow, that was extremely helpful. Thanks for taking the time and effort to explain all of this! I tried to go with the last of the options you mentioned since it’s the most relevant (as having layout: false in the md file defeats the purpose of wanting to remove the frontmatter from it, and adding layout: docs in all other files is not really feasible), but it didn’t work. All I did was remove the frontmatter from CHANGELOG.md and make the layout option an object exactly as you suggested:

layout: {
  docs: './src/mdsvex/layout.svelte'
}

but then it doesn’t get applied anywhere, except if I explicitly specify layout: docs in the frontmatter of the svx files. I tried other options for the layout name (like src, routes, components, …), but they all only work if I explicitly specify the layout in the svx and not through the folder name. Is this exactly how you tested it? You can see exactly what I have on this branch: https://github.com/illright/attractions/tree/docs/hotfix/styles Again, I’m very grateful for your dedication to trying it on my app 😄