import { mount } from 'svelte';
import './app.css';
import App from './App.svelte';
import { viewport } from './lib/viewport.svelte';

const target = document.getElementById('app');
if (!target) throw new Error('#app mount point missing from index.html');

// Before the first paint: the stylesheet's type sizes and column counts are
// custom properties this fills in, so mounting first would flash a desktop
// layout on a phone.
viewport.observe();

export default mount(App, { target });
