From 303f9579fcf2506bcf875802e5865721ac152fba Mon Sep 17 00:00:00 2001 From: Daniel Bulant Date: Sat, 5 Mar 2022 18:01:57 +0100 Subject: [PATCH] reorganize files --- .../{ => _comp}/bidiExample.svelte | 0 .../{ => _comp}/simpleExample.svelte | 0 src/routes/posts/writing-personal-home-page/index.md | 10 ++++++++-- 3 files changed, 8 insertions(+), 2 deletions(-) rename src/routes/posts/writing-personal-home-page/{ => _comp}/bidiExample.svelte (100%) rename src/routes/posts/writing-personal-home-page/{ => _comp}/simpleExample.svelte (100%) diff --git a/src/routes/posts/writing-personal-home-page/bidiExample.svelte b/src/routes/posts/writing-personal-home-page/_comp/bidiExample.svelte similarity index 100% rename from src/routes/posts/writing-personal-home-page/bidiExample.svelte rename to src/routes/posts/writing-personal-home-page/_comp/bidiExample.svelte diff --git a/src/routes/posts/writing-personal-home-page/simpleExample.svelte b/src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte similarity index 100% rename from src/routes/posts/writing-personal-home-page/simpleExample.svelte rename to src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte diff --git a/src/routes/posts/writing-personal-home-page/index.md b/src/routes/posts/writing-personal-home-page/index.md index 0da5c30..dd8f306 100644 --- a/src/routes/posts/writing-personal-home-page/index.md +++ b/src/routes/posts/writing-personal-home-page/index.md @@ -14,8 +14,8 @@ description: So I added blog to my personal home page. import darkmode from "$lib/stores/darkmode"; import ExampleWrapper from "$lib/components/posts/exampleWrapper.svelte"; import Screenshot2020 from "./2020-website.png"; - import SimpleExample from "./simpleExample.svelte"; - import BidiExample from "./bidiExample.svelte"; + import SimpleExample from "./_comp/simpleExample.svelte"; + import BidiExample from "./_comp/bidiExample.svelte"; I'm mainly a web developer, yet for quite a while, my personal site looked like this: @@ -184,7 +184,13 @@ I recommend simply copy pasting one of the CSS files [here](https://github.com/P ### Gotchas +`mdsvex` has a few gotchas. +As mentioned before, using strings may not always work correctly with `smartypants` option. + +Using any preprocessor (typescript or scss) won't work in markdown files. Make them a separate components and import them. + +Markdown files won't receive loaded props, but `_layout` will, so you can go around that using layouts. ### Frontmatter