chore: add scoped-custom-element-registry.min.js

ing-bank · Nov 6, 2023 · 2e6f47d · 2e6f47d
1 parent da8a5c8
commit 2e6f47d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -72,13 +72,7 @@ Keep using `/docs` on the root level as we used it in the `master` branch. The d
   Cannot find module 'import.meta'
   ```
 
-- Visit [accordion page]. There is an error in the browser console:
-
-  ```
-  You are trying to re-register the "lion-accordion" custom element with a different class via ScopedElementsMixin
-  ```
-
-- Fiex the browser console error on [collapsible page](http://localhost:4322/components/collapsible):
+- Fix the browser console error on [collapsible page](http://localhost:4322/components/collapsible):
 
   ```
   __mdjs-stories--use-cases.js:40 Uncaught TypeError: shadowRoot.getElementById is not a function

diff --git a/src/pages/[top]/[...slug].astro b/src/pages/[top]/[...slug].astro
@@ -43,6 +43,7 @@ const getPathMdjsStroriesFile = (entry) => {
   const mdjsStroriesFileDirectory = path.dirname(entry.slug);
   return `/public/docs/${mdjsStroriesFileDirectory}/__mdjs-stories.js`;
 } 
+const getScopedCustomElementRegistryFilePath = () => '/docs/_assets/scoped-custom-element-registry.min.js';
 ---
 
 <MainLayout title={entry.slug}>
@@ -52,5 +53,6 @@ const getPathMdjsStroriesFile = (entry) => {
   {blogData.tags}
   {blogData.author}
   <Content />
+  <script src={getScopedCustomElementRegistryFilePath()}"></script>
   <script type="module" src={getPathMdjsStroriesFile(entry)} mdjs-setup></script>
 </MainLayout>
diff --git a/src/pages/components/[component].astro b/src/pages/components/[component].astro
@@ -44,6 +44,8 @@ const getPathMdjsStroriesFile = (entry) => {
   const mdjsStroriesFileDirectory = path.dirname(entry.slug);
   return `/public/docs/${mdjsStroriesFileDirectory}/__mdjs-stories.js`;
 } 
+
+const getScopedCustomElementRegistryFilePath = () => '/docs/_assets/scoped-custom-element-registry.min.js';
 ---
 
 <MainLayout title={entry.slug}>
@@ -54,6 +56,7 @@ const getPathMdjsStroriesFile = (entry) => {
           <content.Content />        
       ))
     }
+    <script src={getScopedCustomElementRegistryFilePath()}"></script>
     <script type="module" src={getPathMdjsStroriesFile(componentEntries[0])} mdjs-setup></script>
   </ComponentLayout>
 </MainLayout>