refactor: update to composition API

src/components/AppHeaderDropdownAccnt.vue

@@ -49,7 +49,7 @@
 import avatar from './../assets/images/avatars/8.jpg'
 export default {
   name: 'AppHeaderDropdownAccnt',
-  data() {
+  setup() {
     return {
       avatar: avatar,
       itemsCount: 42,

src/components/AppSidebar.vue

@@ -37,19 +37,20 @@
 </template>
 
 <script>
+import { computed } from 'vue'
+import { useStore } from 'vuex'
 import { AppSidebarNav } from './AppSidebarNav'
 export default {
   name: 'AppSidebar',
   components: {
     AppSidebarNav,
   },
-  computed: {
+  setup() {
-    sidebarUnfoldable() {
+    const store = useStore()
-      return this.$store.state.sidebarUnfoldable
+    return {
-    },
+      sidebarUnfoldable: computed(() => store.state.sidebarUnfoldable),
-    sidebarVisible() {
+      sidebarVisible: computed(() => store.state.sidebarVisible),
-      return this.$store.state.sidebarVisible
+    }
-    },
   },
 }
 </script>