diff --git a/demo/src/index.tsx b/demo/src/index.tsx
index a63a5d4..b869cef 100644
--- a/demo/src/index.tsx
+++ b/demo/src/index.tsx
@@ -67,11 +67,11 @@ class MyComponent extends QuarkElement {
   }
 
   componentDidUpdate() {
-    console.log("parent dom updated!")
+    // console.log("parent dom updated!")
   }
 
   componentDidMount() {
-    console.log("parent dom loaded!")
+    // console.log("parent dom loaded!")
     this.showWelcome();
   }
 
diff --git a/demo/src/pages/child-second.tsx b/demo/src/pages/child-second.tsx
index 907b699..d4a2c0b 100644
--- a/demo/src/pages/child-second.tsx
+++ b/demo/src/pages/child-second.tsx
@@ -16,7 +16,7 @@ class Child2 extends QuarkElement {
   ])
 
   componentDidMount() {
-    console.log('dom loaded!', 'child-second')
+    // console.log('dom loaded!', 'child-second')
   }
 
   render() {
diff --git a/demo/src/pages/child.tsx b/demo/src/pages/child.tsx
index 5574f94..19eaf26 100644
--- a/demo/src/pages/child.tsx
+++ b/demo/src/pages/child.tsx
@@ -14,9 +14,9 @@ declare global {
 class Child1 extends QuarkElement {
   @property({ type: String })
   text = "hello world"
-  
+
   componentDidMount() {
-    console.log('dom loaded!', 'child')
+    // console.log('dom loaded!', 'child')
   }
 
   goToLink() {
@@ -29,7 +29,7 @@ class Child1 extends QuarkElement {
           word2: 'quark',
         },
         callback() {
-          console.log('enter function excuted')
+          // console.log('enter function excuted')
         }
       })
     );
diff --git a/demo/src/pages/home.tsx b/demo/src/pages/home.tsx
index 97f1039..8704b45 100644
--- a/demo/src/pages/home.tsx
+++ b/demo/src/pages/home.tsx
@@ -37,24 +37,24 @@ class MyComponent extends QuarkElement {
   }
 
   componentDidMount() {
-    console.log("home dom loaded!")
+    // console.log("home dom loaded!")
     this.initCounter();
   }
 
   componentWillUnmount() {
-    console.log('home dom will unmount');
+    // console.log('home dom will unmount');
     window.clearTimeout(this._counterTimer);
   }
 
   @watch('count', { immediate: true })
   countLogger(newVal, oldVal) {
-    console.log('home countLogger', newVal, oldVal);
+    // console.log('home countLogger', newVal, oldVal);
     this.loggerRunCount++;
   }
 
   @computed()
   get counterGreet() {
-    console.log('home @computed counterGreet')
+    // console.log('home @computed counterGreet')
     return `${this.text} ${this.counter} times`;
   }
 
diff --git a/demo/src/pages/sub.tsx b/demo/src/pages/sub.tsx
index f157c89..27a885b 100644
--- a/demo/src/pages/sub.tsx
+++ b/demo/src/pages/sub.tsx
@@ -14,7 +14,7 @@ class MyComponent extends QuarkElement {
 
 
   componentDidMount() {
-    console.log("dom loaded!", 'sub')
+    // console.log("dom loaded!", 'sub')
     // ...
   }