diff --git a/src/views/components/AccountAvatar.js b/src/views/components/AccountAvatar.js
index 3509ecd..0ba2a57 100644
--- a/src/views/components/AccountAvatar.js
+++ b/src/views/components/AccountAvatar.js
@@ -38,7 +38,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/AccountGroup.js b/src/views/components/AccountGroup.js
index 8156cac..07da42c 100644
--- a/src/views/components/AccountGroup.js
+++ b/src/views/components/AccountGroup.js
@@ -62,7 +62,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             }
         },
         formatDate: function (value) {
diff --git a/src/views/components/AccountPrivacy.js b/src/views/components/AccountPrivacy.js
new file mode 100644
index 0000000..02926a2
--- /dev/null
+++ b/src/views/components/AccountPrivacy.js
@@ -0,0 +1,57 @@
+export default {
+    name: 'AccountPrivacy',
+    data() {
+        return {
+            data_privacy: null
+        }
+    },
+    methods: {
+        async openModal() {
+            try {
+                await this.submitApi();
+                $('#modalUserPrivacy').modal('show');
+                showSuccessInfo("Privacy fetched")
+            } catch (err) {
+                showErrorInfo(err)
+            }
+        },
+        async submitApi() {
+            try {
+                let response = await http.get(`/user/my/privacy`)
+                this.data_privacy = response.data.results;
+            } catch (error) {
+                if (error.response) {
+                    throw new Error(error.response.data.message);
+                }
+                throw new Error(error.message);
+            }
+        },
+    },
+    template: `
+    <div class="green card" @click="openModal" style="cursor: pointer">
+        <div class="content">
+            <div class="header">My Privacy Setting</div>
+            <div class="description">
+                Get your privacy settings
+            </div>
+        </div>
+    </div>
+    
+    <!--  Modal UserPrivacy  -->
+    <div class="ui small modal" id="modalUserPrivacy">
+        <i class="close icon"></i>
+        <div class="header">
+            My Privacy
+        </div>
+        <div class="content">
+            <ol v-if="data_privacy != null">
+                <li>Who can add Group : <b>{{ data_privacy.group_add }}</b></li>
+                <li>Who can see my Last Seen : <b>{{ data_privacy.last_seen }}</b></li>
+                <li>Who can see my Status : <b>{{ data_privacy.status }}</b></li>
+                <li>Who can see my Profile : <b>{{ data_privacy.profile }}</b></li>
+                <li>Read Receipts : <b>{{ data_privacy.read_receipts }}</b></li>
+            </ol>
+        </div>
+    </div>
+    `
+}
\ No newline at end of file
diff --git a/src/views/components/AccountUserInfo.js b/src/views/components/AccountUserInfo.js
index 9be0786..faedcdf 100644
--- a/src/views/components/AccountUserInfo.js
+++ b/src/views/components/AccountUserInfo.js
@@ -43,7 +43,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/MessageReact.js b/src/views/components/MessageReact.js
index 1c8e4d9..d588965 100644
--- a/src/views/components/MessageReact.js
+++ b/src/views/components/MessageReact.js
@@ -43,7 +43,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/MessageRevoke.js b/src/views/components/MessageRevoke.js
index cda6b1e..959919b 100644
--- a/src/views/components/MessageRevoke.js
+++ b/src/views/components/MessageRevoke.js
@@ -42,7 +42,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/MessageUpdate.js b/src/views/components/MessageUpdate.js
index ad51904..0138b64 100644
--- a/src/views/components/MessageUpdate.js
+++ b/src/views/components/MessageUpdate.js
@@ -44,7 +44,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendAudio.js b/src/views/components/SendAudio.js
index 0e5e3a2..7651ddd 100644
--- a/src/views/components/SendAudio.js
+++ b/src/views/components/SendAudio.js
@@ -43,7 +43,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendContact.js b/src/views/components/SendContact.js
index 0081691..2123962 100644
--- a/src/views/components/SendContact.js
+++ b/src/views/components/SendContact.js
@@ -50,7 +50,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendFile.js b/src/views/components/SendFile.js
index b05720b..bb4bdb8 100644
--- a/src/views/components/SendFile.js
+++ b/src/views/components/SendFile.js
@@ -51,7 +51,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendImage.js b/src/views/components/SendImage.js
index 1402fad..04ae09e 100644
--- a/src/views/components/SendImage.js
+++ b/src/views/components/SendImage.js
@@ -51,7 +51,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendLocation.js b/src/views/components/SendLocation.js
index 6d83238..ce6c479 100644
--- a/src/views/components/SendLocation.js
+++ b/src/views/components/SendLocation.js
@@ -48,7 +48,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendMessage.js b/src/views/components/SendMessage.js
index 6cdaf28..75ad7ca 100644
--- a/src/views/components/SendMessage.js
+++ b/src/views/components/SendMessage.js
@@ -50,7 +50,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendPoll.js b/src/views/components/SendPoll.js
index d3b158f..5ef2ce7 100644
--- a/src/views/components/SendPoll.js
+++ b/src/views/components/SendPoll.js
@@ -50,7 +50,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/components/SendVideo.js b/src/views/components/SendVideo.js
index a0fcf10..5574e50 100644
--- a/src/views/components/SendVideo.js
+++ b/src/views/components/SendVideo.js
@@ -56,7 +56,6 @@ export default {
                     throw new Error(error.response.data.message);
                 }
                 throw new Error(error.message);
-
             } finally {
                 this.loading = false;
             }
diff --git a/src/views/index.html b/src/views/index.html
index 294a361..5d129ca 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -103,14 +103,7 @@
         <account-avatar></account-avatar>
         <account-user-info></account-user-info>
         <account-group></account-group>
-        <div class="green card" @click="privacyModal" style="cursor: pointer">
-            <div class="content">
-                <div class="header">My Privacy Setting</div>
-                <div class="description">
-                    Get your privacy settings
-                </div>
-            </div>
-        </div>
+        <account-privacy></account-privacy>
     </div>
 
 
@@ -140,23 +133,6 @@
         </div>
     </div>
 
-    <!--  Modal UserPrivacy  -->
-    <div class="ui small modal" id="modalUserPrivacy">
-        <i class="close icon"></i>
-        <div class="header">
-            My Privacy
-        </div>
-        <div class="content">
-            <ol v-if="data_privacy != null">
-                <li>Who can add Group : <b>[[ data_privacy.group_add ]]</b></li>
-                <li>Who can see my Last Seen : <b>[[ data_privacy.last_seen ]]</b></li>
-                <li>Who can see my Status : <b>[[ data_privacy.status ]]</b></li>
-                <li>Who can see my Profile : <b>[[ data_privacy.profile ]]</b></li>
-                <li>Read Receipts : <b>[[ data_privacy.read_receipts ]]</b></li>
-            </ol>
-        </div>
-    </div>
-
 </div>
 <script>
     window.TYPEGROUP = "g.us";
@@ -202,6 +178,7 @@
     import AccountAvatar from "./components/AccountAvatar.js";
     import AccountUserInfo from "./components/AccountUserInfo.js";
     import AccountGroup from "./components/AccountGroup.js";
+    import AccountPrivacy from "./components/AccountPrivacy";
 
     const showErrorInfo = (message) => {
         $('body').toast({
@@ -324,45 +301,11 @@
         }
     }
 
-    const userPrivacy = {
-        data() {
-            return {
-                data_privacy: null
-            }
-        },
-        methods: {
-            async privacyModal() {
-                try {
-                    await this.privacyApi();
-                    $('#modalUserPrivacy').modal('show');
-                    showSuccessInfo("Privacy fetched")
-                } catch (err) {
-                    showErrorInfo(err)
-                }
-            },
-            privacyApi() {
-                return new Promise(async (resolve, reject) => {
-                    try {
-                        let response = await http.get(`/user/my/privacy`)
-                        this.data_privacy = response.data.results;
-                        resolve()
-                    } catch (error) {
-                        if (error.response) {
-                            reject(error.response.data.message)
-                        } else {
-                            reject(error.message)
-                        }
-                    }
-                })
-            }
-        }
-    }
-
     Vue.createApp({
         components: {
             SendMessage, SendImage, SendFile, SendVideo, SendContact, SendLocation, SendAudio, SendPoll,
             MessageUpdate, MessageReact, MessageRevoke,
-            AccountAvatar, AccountUserInfo, AccountGroup,
+            AccountAvatar, AccountUserInfo, AccountGroup, AccountPrivacy
         },
         delimiters: ['[[', ']]'],
         data() {
@@ -372,8 +315,6 @@
                 app_name: 'Whatsapp API Multi Device ({{ .AppVersion }})',
                 is_logged_in: false,
                 connected_devices: null,
-                type_group: "g.us",
-                type_user: "s.whatsapp.net"
             }
         },
         mounted() {
@@ -411,7 +352,6 @@
         },
         mixins: [
             login, logout, reconnect,
-            userPrivacy
         ]
     }).mount('#app')
 </script>