diff --git a/demo/articles/arabic.html b/demo/articles/arabic.html
index 9908453b..fcaf9efe 100644
--- a/demo/articles/arabic.html
+++ b/demo/articles/arabic.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'ar'
             });
diff --git a/demo/articles/bahasaIndonesia.html b/demo/articles/bahasaIndonesia.html
index c21161a3..a98e4b5d 100644
--- a/demo/articles/bahasaIndonesia.html
+++ b/demo/articles/bahasaIndonesia.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -49,8 +49,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'id',
                 detectLinks: true
diff --git a/demo/articles/english.html b/demo/articles/english.html
index 718aade0..fd5c1913 100644
--- a/demo/articles/english.html
+++ b/demo/articles/english.html
@@ -9,15 +9,15 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../../dist/style.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
-        <a href="../../index.html">
+        <a href="../index.html">
             <div class="header">Wikipedia Preview demo</div>
         </a>
         <div class="container">
             <div class="cover" style="background-image: url('../img/english-pic.png');">
-                <a href="../../index.html">
+                <a href="../index.html">
                     <div class="close-btn">
                         <div class="outer">
                             <img alt="Image/" src="../img/oval.png" class="oval" />
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script type="module" src="../../dist/wikipedia-preview.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'en',
                 detectLinks: true,
diff --git a/demo/articles/french.html b/demo/articles/french.html
index 0fb973b0..8d4ac84f 100644
--- a/demo/articles/french.html
+++ b/demo/articles/french.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'fr'
             });
diff --git a/demo/articles/hindi.html b/demo/articles/hindi.html
index 609adfe9..7240b6a5 100644
--- a/demo/articles/hindi.html
+++ b/demo/articles/hindi.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -55,8 +55,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'hi'
             });
diff --git a/demo/articles/spanish.html b/demo/articles/spanish.html
index add32a65..706cda27 100644
--- a/demo/articles/spanish.html
+++ b/demo/articles/spanish.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
         <style>
             @media screen and (max-width: 650px) {
                 .customize-background-position {    
@@ -64,8 +64,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'es'
             });
diff --git a/demo/articles/test.html b/demo/articles/test.html
index 3dccb457..eca072aa 100644
--- a/demo/articles/test.html
+++ b/demo/articles/test.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'en',
                 events: {
diff --git a/demo/articles/thai.html b/demo/articles/thai.html
index 0c3e03bd..09b0017d 100644
--- a/demo/articles/thai.html
+++ b/demo/articles/thai.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -49,8 +49,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'th'
             });
diff --git a/index.html b/demo/index.html
similarity index 100%
rename from index.html
rename to demo/index.html
diff --git a/src/index.js b/src/index.js
index 68882e5d..7a1c677c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -201,4 +201,4 @@ function init( {
 
 // version()
 
-export { init, version, getPreviewHtml }
+export default { init, version, getPreviewHtml }
diff --git a/vite.config.js b/vite.config.js
index f1b05e38..5ee13a61 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -11,7 +11,7 @@ export default defineConfig({
 //   plugins: [
 //     vue(),
 //   ],
-  base: './',
+  base: '/',
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./demo', import.meta.url))
