Multiple sites in one Svelte project in order to share components

svelte.config.js

// apps/website-1/svelte.config.js

import { createSvelteConfig } from 'config/svelte.js'
import adapter from '@sveltejs/adapter-cloudflare'

export default createSvelteConfig({
    adapter: adapter(),
    alias: {
        $sections: 'src/sections',
    },
})

svelte.js

// packages/config/svelte.js

import { resolve, join } from 'path'
import { fileURLToPath } from 'url'
import preprocess from 'svelte-preprocess'

const stylesPath = `${resolve(fileURLToPath(import.meta.url), '../../../packages/styles')}`
export const scssImports = `@use "${join(stylesPath, 'imports.scss')}" as *;`

/** @type {import('@sveltejs/kit').Config} */
export const createSvelteConfig = ({ adapter, kit, alias, ...rest }) => {
    return {
        // Preprocessors docs: https://github.com/sveltejs/svelte-preprocess
        preprocess: preprocess({
            scss: {
                prependData: scssImports,
            }
        }),

        kit: {
            adapter,
            alias: {
                $components: 'src/components',
                $animations: 'src/animations',
                $utils: 'src/utils',
                $styles: 'src/styles',
                ...alias,
            },
            prerender: {
                handleMissingId: 'ignore',
            },
            inlineStyleThreshold: 4096,
            ...kit,
        },

        ...rest,
    }
}