%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper,headsepline,footsepline]{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}

% Single quotes
\usepackage{upquote,textcomp}

% mehrere Spalten
\usepackage{multicol}

%Kopfzeile
\ihead{Svelte 5}
\chead{}
\ohead{http://kohnlehome.de/js/sveltekit-ssg.pdf}
%\setheadsepline{0.5pt}

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

\pagestyle{scrheadings}

\begin{document}

% Single Quotes
\newcommand\upquote[1]{\textquotesingle#1\textquotesingle}

% Überschrift 
\begin{center}
  \LARGE % Schriftgröße
  \bfseries % Fettdruck
  \sffamily % Serifenlose Schrift
  SvelteKit: SSG (Static Site Generation)
\end{center}



\section*{Adapter installieren}
\begin{verbatim}
npm i -D @sveltejs/adapter-static
\end{verbatim}

\section*{svelte.config.js}
\begin{verbatim}
import adapter from '@sveltejs/adapter-static';

const config = {
	kit: {
		adapter: adapter({
			fallback: 'index.html' // may differ from host to host
		}),
		paths: { base: '/UNTERVERZEICHNIS' }    // UNTERVERZEICHNIS im DokumentRoot des Servers
	}
};
export default config;
\end{verbatim}

\section*{src/routes/+layout.js}
\begin{verbatim}
export const prerender = true;
\end{verbatim}

\section*{Links in Komponenenten (Komponente.svelte)}
\begin{verbatim}
<script>    
  import { base } from '$app/paths';
  import { goto } from '$app/navigation';

  goto(base);
  goto(`${base}/about`);
</script>

<nav>
  <a href="{base}/">Home</a>
  <a href="{base}/about">About</a>
</nav>
\end{verbatim}

\end{document}
