Привет! В целом тут 2 варианта:
1) Использовать Custom Elements:

<my-component answer="99"></my-component>

2) Написать небольшую хелпер-функцию:

// mount-helper.js
export function mount(target, Component) {
      return new Component({
            target,
            props: target.dataset
       });
}

<div id="my-component" data-answer="99"></div>

import { mount } from './mount-helper.js';
import MyComponent from './MyComponent.svelte';

mount(document.getElementById('my-component'), MyComponent);

Делайте изоморфные (универсальные) веб-приложения и будет вам счастье (гугл в помощь). Сам уже пару лет так пишу и полностью доволен. 100% поддержка поисковиками, все прелести SPA, единая кодовая база под все виды окружений (веб/мобильные/десктоп/смарт тв) до 90%, возможности для "прогрессивного улучшения" и много чего еще. Есть конечно несколько архитектурных проблем, которые приносит такой подход, но все они решаются имеющимися инструментами.