Framework7 Svelteのパッケージ構造

パッケージ

Framework7 Svelteパッケージには、以下のファイルとフォルダが含まれています。

framework7-svelte/
    bundle/
    cjs/
      components/
        accordion.js
        accordion-content.js
        ...
      framework7-svelte.js
    components/
        accordion/
          package.json
        accordion-item/
          package.json
        ...
    esm/
      components/
        accordion.js
        accordion-content.js
        ...
      framework7-svelte.js

Svelteプラグイン

ES/CJSモジュールとして提供されるFramework7 Svelteプラグインです。

// Import Framework7 Core
import Framework7 from 'framework7/lite';
/*
Or import bundle with all components:
import Framework7 from 'framework7/lite-bundle';
*/

// Framework7 Svelteのインポート
import Framework7Svelte from 'framework7-svelte';

// プラグインの初期化
Framework7.use(Framework7Svelte)

<App>
  <View>
    ...
  </View>
</App>
<script>
  import { App, View } from 'framework7-svelte';
</script>