Merge pull request #11 from heppokofrontend/release/update-readme

update readme

Author: heppokofrontend

README.md

@@ -174,23 +174,23 @@ declare global {
 
 type Props = Omit<React.CodeBlockHTMLAttributes<HTMLElement>, 'className'>;
 
+let isLoaded = false;
+
 export const CodeBlock = ({children, ...props}: Props) => {
   useEffect(() => {
     const loadWebComponent = async () => {
-      // import('@heppokofrontend/html-code-block-element');
       const {HTMLCodeBlockElement, createHighlightCallback} = await import(
         '@heppokofrontend/html-code-block-element/dist/manual'
       );
 
-      if (customElements.get('code-block')) {
-        return;
-      }
-
       HTMLCodeBlockElement.highlight = createHighlightCallback(hljs);
       customElements.define('code-block', HTMLCodeBlockElement);
     };
 
-    loadWebComponent();
+    if (!isLoaded) {
+      isLoaded = true;
+      loadWebComponent();
+    }
   }, []);
 
   return (

lib/html-code-block-element.all.min.js

@@ -1,7 +1,7 @@
 {
   "name": "@heppokofrontend/html-code-block-element",
   "description": "Code block custom element with syntax highlighting and copy button.",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "author": "heppokofrontend",
   "bugs": {
     "url": "https://github.com/heppokofrontend/html-code-block-element/issues"