javascript - ロールアップを使用してsvelte htmlファイルをjsファイルにインポートします

Question

Js ファイル:

import template from './Template.html';

class VacationListForCompany extends HTMLElement {

constructor() {
    super();
    const root = this.attachShadow({mode:'open'});

    const t = new template({ target: root });

  }
}

window.customElements.define("vacation-list-for-company", 
VacationListForCompany);

Svelte/HTML ファイル

<h1> This is from SVELTE </h1>
<script>
    export default {
    };
</script>

そして、私のロールアップファイルでは、「rollup-plugin-svelte」から svelte をインポートします。

export default {
   input: 'Widgets/VacationListForCompany/widget.js',
   output: {
      format: 'iife',
      file: 'dist/vacationlistforcompany.js',
  },
  plugins: [
    svelte({ include:'*.html'})
  ],
};

ロールアップはインポート時に洗練されたコンポーネントを生成できないようです..ここで何か誤解していますか?