Svelte custom element

App.svelte

<svelte:options tag="my-app" />

<workgroup-page />

Component.svelte

<svelte:options tag="workgroup-page" />

<main>
    <h1>
        HEADING ON THE WORKGROUP PAGE
    </h1>
    <div class="form-group">

        <input type="text" class="form-control" id="test"/>
        <label for="test">Test Input</label>
    </div>
    <button type=button class="btn btn-danger">
        test
    </button>
    <div class="btn">Hello</div>
</main>

<style lang="scss">
@use './button.scss'
</style>

main.js

import App from './App.svelte'
import Component from './Component.svelte'

const app = new App({
  target: document.getElementById('app')
})

export default app