Improve project layout

src/lib/components/index.ts

@@ -0,0 +1,5 @@
+export { default as SettingsSwitch } from './SettingsSwitch.svelte';
+export { default as SettingsInput } from './SettingsInput.svelte';
+export { default as SettingsSelect } from './SettingsSelect.svelte';
+export { default as ToggleHeader } from './ToggleHeader.svelte';
+export { default as ColorSchemeSwitcher } from './ColorSchemeSwitcher.svelte';

src/routes/+layout.svelte

@@ -16,7 +16,7 @@
 
 	import { page } from '$app/stores';
 	import { locale, locales, isLoading } from 'svelte-i18n';
-	import ColorSchemeSwitcher from '../components/ColorSchemeSwitcher.svelte';
+	import { ColorSchemeSwitcher } from '$lib/components';
 
 	export const setLocale = (lang: string) => () => {
 		locale.set(lang);

src/routes/Settings.svelte

@@ -3,8 +3,6 @@
 	import { PUBLIC_BASE_URL } from '$lib/config';
 	import { uiSettings } from '$lib/uiSettings';
 	import { createEventDispatcher } from 'svelte';
-	import SettingsSwitch from '../components/SettingsSwitch.svelte';
-
 	import { _ } from 'svelte-i18n';
 	import {
 		Button,
@@ -16,14 +14,10 @@
 		Form,
 		Row
 	} from '@sveltestrap/sveltestrap';
-
 	import EyeIcon from 'svelte-bootstrap-icons/lib/Eye.svelte';
 	import EyeSlashIcon from 'svelte-bootstrap-icons/lib/EyeSlash.svelte';
-
 	import { derived } from 'svelte/store';
-	import ToggleHeader from '../components/ToggleHeader.svelte';
-	import SettingsInput from '../components/SettingsInput.svelte';
-	import SettingsSelect from '../components/SettingsSelect.svelte';
+	import { SettingsSwitch, SettingsInput, SettingsSelect, ToggleHeader } from '$lib/components';
 
 	export let settings;