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)
    

    デフォルトではFramework7-Svelteプラグインのみがエクスポートされ、Svelteコンポーネントは含まれていません。コンポーネントを個別にインポートするには、名前付きインポートを使用する必要があります。

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