Add js_type config option (#59) (#60)

* Add js_type config option (#59)

* Separate js asset types & update docs (#59)

README.md

@@ -157,7 +157,7 @@ Default: `public_path('build/manifest.json')`
 
 #### `assets`
 
-An array of urls to the `css` and `js` used by your components. The `css` and `js` urls are seperated out as the `css` is included in the head and the `js` is included before the closing `body` tag.
+An array of urls to the `css` and `js` used by your components. The `css` and `js` urls are seperated out as the `css` is included in the head and the `js` is included before the closing `body` tag. `js` assets can have [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type) (default: `text/javascript`).
 
 You can also group assets and specify which to use for different components.
 
@@ -173,11 +173,15 @@ You can also group assets and specify which to use for different components.
     ],
     'js' => [
         'path/to/default.js', // default, loaded in all stories
+        [ // load as a module
+            'path' => 'path/to/default.js',
+            'type' => 'module'
+        ]
         'blast' => 'path/to/blast.js', // load a single file
         'area17' => [ // use array to load multiple files
             'path/to/area17.js'
             'path/to/area17-other.js'
-        ]
+        ],
     ]
 ]
 ```

resources/views/storybook.blade.php

@@ -22,7 +22,19 @@
 
     @if (!empty($js))
         @foreach ($js as $key => $asset)
-            <script src="{{ $asset }}"></script>
+            @php
+                $path = $asset['path'] ?? (is_string($asset) ? $asset : null);
+                $type = $asset['type'] ?? null;
+            @endphp
+
+            @if ($path)
+                <script
+                    @if ($type)
+                        type="{{ $type }}"
+                    @endif
+                    src="{{ $path }}"
+                ></script>
+            @endif
         @endforeach
     @endif
 </body>