%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
% Funktioniert nicht \usepackage[automark]{scrpage2}%
\usepackage[automark]{scrlayer-scrpage}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

% Backticks
\usepackage{upquote}

% Verbatim mit Rahmen
\usepackage{fancyvrb}


%Kopfzeile
\ihead{Webentwicklung}
\chead{}
\ohead{http://kohnlehome.de/js/svelte-routes.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
Routes mit SvelteKit
\end{center}


\section*{Ordnerstruktur}

\begin{verbatim}
src/lib/components/
           |- Komponente.svelte

src/routes/
       |- ordner1/
       |      |- +page.svelte    <- /ordner1
       |
       |- ordner2/
       |      |- +page.svelte    <- /ordner2
       |
       |- +page.svelte           <- /
       |
       |- +layout.svelte
       |
       |- app.css
\end{verbatim}

\section*{+layout.svelte}
\begin{Verbatim}[frame=single]
<script>
    import Komponente from '$lib/components/Komponente.svelte';
    import './app.css';
</script>

... 
<Komponente />
... 
<slot />        <- jeweilige +page.svelte
....
\end{Verbatim}



\end{document}
