fix(index): use index.mjs as entry point

Author: hobbitronics

index.js index.mjs

@@ -22,12 +22,12 @@ import {
   Tooltip,
   TopAppBar,
   setNotice,
-} from './components/mdc'
+} from './components/mdc/index.js'
 
 import Badge from './components/Badge.svelte'
 import CustomCard from './components/CustomCard.svelte'
 import Form from './components/Form.svelte'
-import Page from './components/page'
+import Page from './components/page/index.js'
 import StaticChip from './components/StaticChip.svelte'
 import Tour from './components/Tour.svelte'
 

package.json

@@ -2,7 +2,8 @@
   "name": "@silintl/ui-components",
   "version": "3.2.0",
   "description": "Reusable Svelte components for some internal applications",
-  "main": "index.js",
+  "main": "index.mjs",
+  "module": "index.mjs",
   "scripts": {
     "test": "echo test",
     "format-all": "npx prettier --write .",

stories/Page.stories.svelte

@@ -1,6 +1,6 @@
 <script>
 import { Meta, Template, Story } from '@storybook/addon-svelte-csf'
-import { Page } from '../index.js'
+import { Page } from '../index'
 import { copyAndModifyArgs } from './helpers.js'
 
 const args = {