Layouts
Layouts
We now use Layouts and using slots to make layouts work.
Instead of a lot of if/else statements in the Repl html code we now have separate layouts for the use cases.
- Default (shows everything)
- Minimal (show just the editor and the result)
. MinimalReverse (shows the editor and result, but result first and editor second, for my examples)
Stores
We now use the Svelte store to save the code, html, files, etc.
Reduces the amount of props that are passed through components. make it more manageable. and through the derived property we can clean up even more code.