ditch typhon in favor of doing it raw

src/index.js

@@ -1,3 +0,0 @@
-import { BasicApp } from './view/BasicApp.js';
-
-Hooks.once('ready', () => new BasicApp().render(true, { focus: true }));

src/view/BasicApp.js

@@ -1,26 +0,0 @@
-import { SvelteApp } from '#runtime/svelte/application';
-import { deepMerge } from '#runtime/util/object';
-
-import BasicAppShell from './BasicAppShell.svelte';
-
-export class BasicApp extends SvelteApp
-{
-   /**
-    * Default Application options
-    *
-    * @returns {SvelteApp.Options} options - SvelteApp options.
-    * @see https://typhonjs-fvtt-lib.github.io/api-docs/interfaces/_runtime_svelte_application.SvelteApp.Options.html
-    */
-   static get defaultOptions()
-   {
-      return deepMerge(super.defaultOptions, {
-         title: 'TemplateESM.title',  // Automatically localized from `lang/en.json`.
-         width: 300,
-
-         svelte: {
-            class: BasicAppShell,
-            target: document.body
-         }
-      });
-   }
-}

src/view/BasicAppShell.svelte

@@ -1,24 +0,0 @@
-<script>
-   import { ApplicationShell }   from '#runtime/svelte/component/application';
-
-   export let elementRoot;
-</script>
-
-<!-- This is necessary for Svelte to generate accessors TRL can access for `elementRoot` -->
-<svelte:options accessors={true}/>
-
-<!-- ApplicationShell provides the popOut / application shell frame, header bar, content areas -->
-<!-- ApplicationShell exports `elementRoot` which is the outer application shell element -->
-<ApplicationShell bind:elementRoot>
-   <main>
-      <h1>Basic application</h1>
-   </main>
-</ApplicationShell>
-
-<style lang="scss">
-   main {
-      text-align: center;
-      display: flex;
-      flex-direction: column;
-   }
-</style>