Rename src/components to src/lib

src/components/BasePage.svelte → src/lib/BasePage.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import Toc from 'svelte-toc/Toc.svelte'
   import Update from '~icons/ic/update'
-  import Img from '../components/Img.svelte'
-  import type { Page } from '../types'
   import { microcopy } from '../stores'
+  import type { Page } from '../types'
+  import Img from './Img.svelte'
 
   export let page: Page
 

src/components/ChapterMap.svelte → src/lib/ChapterMap.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" context="module">
   import type { Load } from '@sveltejs/kit'
-  import Map from '../components/Map.svelte'
-  import type { Chapter } from '../types'
   import { fetchChapters } from '../fetch'
   import { microcopy } from '../stores'
+  import type { Chapter } from '../types'
+  import Map from './Map.svelte'
 
   export const load: Load = async () => {
     const chapters = await fetchChapters()

src/routes/+layout.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { afterNavigate } from '$app/navigation'
+  import Footer from '$lib/Footer.svelte'
+  import Header from '$lib/Header.svelte'
   import '../app.css'
-  import Footer from '../components/Footer.svelte'
-  import Header from '../components/Header.svelte'
   import { microcopy } from '../stores'
   import type { LayoutData } from './$types'
 

src/routes/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+  import ChapterMap from '$lib/ChapterMap.svelte'
   import Child from '~icons/fa-solid/child'
   import UserGraduate from '~icons/fa-solid/user-graduate'
   import Place from '~icons/ic/place'
-  import ChapterMap from '../components/ChapterMap.svelte'
   import { microcopy } from '../stores'
   import type { PageData } from './$types'
 

src/routes/[...slug]/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import BasePage from '../../components/BasePage.svelte'
+  import BasePage from '$lib/BasePage.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/[...slug]/+page.ts

@@ -1,6 +1,6 @@
 import type { PageLoad } from '@sveltejs/kit'
 import { error } from '@sveltejs/kit'
-import { fetchPage } from '../../fetch'
+import { fetchPage } from 'src/fetch'
 
 export const load: PageLoad = async ({ params }) => {
   // delegate route to static/robots.txt

src/routes/auszeichnungen/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import PriceRibbon from '~icons/fa-solid/award'
   import Calendar from '~icons/octicon/calendar'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/auszeichnungen/+page.ts

@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`auszeichnungen`)

src/routes/blog/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import PostPreview from '$src/components/PostPreview.svelte'
-  import Social from '$src/components/Social.svelte'
-  import TagList from '$src/components/TagList.svelte'
+  import PostPreview from '$lib/PostPreview.svelte'
+  import Social from '$lib/Social.svelte'
+  import TagList from '$lib/TagList.svelte'
   import type { BlogTag } from '$src/types'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'

src/routes/blog/[slug]/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Img from '$src/components/Img.svelte'
-  import ToolTip from '$src/components/ToolTip.svelte'
+  import Img from '$lib/Img.svelte'
+  import ToolTip from '$lib/ToolTip.svelte'
   import type { Post } from '$src/types'
   import PersonCircle from '~icons/bi/person-circle'
   import GraduationCap from '~icons/fa-solid/graduation-cap'

src/routes/faq/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Collapsible from '$lib/Collapsible.svelte'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'
   import ChalkboardTeacher from '~icons/fa-solid/chalkboard-teacher'
@@ -9,7 +10,6 @@
   import MiscellaneousServices from '~icons/ic/round-miscellaneous-services'
   import SupportAgent from '~icons/ic/round-support-agent'
   import SelectAll from '~icons/ic/select-all'
-  import Collapsible from '../../components/Collapsible.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/faq/+page.ts

@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchYamlList } from '../../fetch'
+import { fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const faqs = await fetchYamlList(`FAQ`, `faq#`)

src/routes/lernmaterial/+page.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import { flip } from 'svelte/animate'
   import { scale } from 'svelte/transition'
   import CardText from '~icons/bi/card-text'
@@ -11,8 +13,6 @@
   import SelectAll from '~icons/ic/select-all'
   import Atom from '~icons/simple-icons/atom'
   import Disqus from '~icons/simple-icons/disqus'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/lernmaterial/+page.ts

@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`lernmaterial`)

src/routes/presse/+page.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+  import BasePage from '$lib/BasePage.svelte'
+  import Img from '$lib/Img.svelte'
   import Place from '~icons/ic/place'
   import Newspaper from '~icons/ion/newspaper'
   import Calendar from '~icons/octicon/calendar'
-  import BasePage from '../../components/BasePage.svelte'
-  import Img from '../../components/Img.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/presse/+page.ts

@@ -1,5 +1,5 @@
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchPage, fetchYamlList } from '../../fetch'
+import { fetchPage, fetchYamlList } from 'src/fetch'
 
 export const load: PageLoad = async () => {
   const page = await fetchPage(`presse`)

src/routes/signup-pupil/+page.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
+  import CircleSpinner from '$lib/CircleSpinner.svelte'
+  import FormField from '$lib/FormField.svelte'
+  import Modal from '$lib/Modal.svelte'
   import Plant from '~icons/ri/plant-fill'
-  import CircleSpinner from '../../components/CircleSpinner.svelte'
-  import FormField from '../../components/FormField.svelte'
-  import Modal from '../../components/Modal.svelte'
   // to make the signup form truely adaptive to other countries, these 3 files need to be imported adaptively (same in the other form)
-  import { signupStore } from '../../stores'
-  import { signup_form_submit_handler } from '../../utils/airtable'
+  import { signupStore } from 'src/stores'
+  import { signup_form_submit_handler } from 'src/utils/airtable'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/signup-pupil/+page.ts

@@ -1,11 +1,11 @@
 import { dev } from '$app/env'
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchChapters, parseFormData } from '../../fetch'
+import { fetchChapters, parseFormData } from 'src/fetch'
 // to make the signup form i18n-compatible,
 // these 3 files need to be imported adaptively (same in the student form)
-import messages from '../../signup-form/de/messages.yml'
-import options from '../../signup-form/de/options.yml'
-import raw_form from '../../signup-form/de/pupil.yml'
+import messages from 'src/signup-form/de/messages.yml'
+import options from 'src/signup-form/de/options.yml'
+import raw_form from 'src/signup-form/de/pupil.yml'
 
 export const load: PageLoad = async () => {
   let chapters = await fetchChapters()

src/routes/signup-student/+page.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
+  import CircleSpinner from '$lib/CircleSpinner.svelte'
+  import FormField from '$lib/FormField.svelte'
+  import Modal from '$lib/Modal.svelte'
+  import { signupStore } from 'src/stores'
+  import { signup_form_submit_handler } from 'src/utils/airtable'
   import Plant from '~icons/ri/plant-fill'
-  import CircleSpinner from '../../components/CircleSpinner.svelte'
-  import FormField from '../../components/FormField.svelte'
-  import Modal from '../../components/Modal.svelte'
-  import { signupStore } from '../../stores'
-  import { signup_form_submit_handler } from '../../utils/airtable'
 
   import type { PageData } from './$types'
   export let data: PageData

src/routes/signup-student/+page.ts

@@ -1,9 +1,9 @@
 import { dev } from '$app/env'
 import type { PageLoad } from '@sveltejs/kit'
-import { fetchChapters, parseFormData } from '../../fetch'
-import messages from '../../signup-form/de/messages.yml'
-import options from '../../signup-form/de/options.yml'
-import raw_form from '../../signup-form/de/student.yml'
+import { fetchChapters, parseFormData } from 'src/fetch'
+import messages from 'src/signup-form/de/messages.yml'
+import options from 'src/signup-form/de/options.yml'
+import raw_form from 'src/signup-form/de/student.yml'
 
 export const load: PageLoad = async () => {
   let chapters = await fetchChapters()

src/routes/standorte/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import BasePage from '$src/components/BasePage.svelte'
-  import ChapterList from '$src/components/ChapterList.svelte'
-  import ChapterMap from '$src/components/ChapterMap.svelte'
+  import BasePage from '$lib/BasePage.svelte'
+  import ChapterList from '$lib/ChapterList.svelte'
+  import ChapterMap from '$lib/ChapterMap.svelte'
   import type { PageData } from './$types'
 
   export let data: PageData

src/routes/standorte/[slug]/+page.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import BasePage from '$src/components/BasePage.svelte'
+  import BasePage from '$lib/BasePage.svelte'
+  import { microcopy } from 'src/stores'
   import InfoCircle from '~icons/bi/info-circle-fill'
   import Child from '~icons/fa-solid/child'
   import GraduationCap from '~icons/fa-solid/graduation-cap'
   import Email from '~icons/ic/email'
-  import { microcopy } from '../../../stores'
   import type { PageData } from './$types'
 
   export let data: PageData

tsconfig.json

@@ -16,10 +16,6 @@
 
     "forceConsistentCasingInFileNames": true,
 
-    "paths": {
-      "$src/*": ["./src/*"]
-    },
-
     "types": ["unplugin-icons/types/svelte"]
   }
 }