diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 8a040a9..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-    "workbench.colorCustomizations": {
-        "activityBar.background": "#452236",
-        "titleBar.activeBackground": "#61304C",
-        "titleBar.activeForeground": "#FCF9FB"
-    }
-}
\ No newline at end of file
diff --git a/components/TaskLayout.vue b/components/TaskLayout.vue
deleted file mode 100644
index 73b8c23..0000000
--- a/components/TaskLayout.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <router-view :key="$route.fullPath"></router-view>
-</template>
-
-<script>
-import { mapActions } from "vuex";
-import { clearBodyClass } from "@utilities/utilities";
-
-export default {
-  data() {
-    return {
-      userLastStateIsLoaded: true,
-      modalComponentName: "",
-      actionMode: 1,
-    };
-  },
-
-  methods: {
-    ...mapActions(["setBodyClass", "getState"]),
-  },
-
-  beforeCreate() {
-    ApiService.init(process.env.VUE_APP_LIST_BASE_URL);
-  },
-  beforeMount() {
-    clearBodyClass();
-  },
-  mounted() {
-    this.setBodyClass(process.env.VUE_APP_TASK_SYSTEM);
-    document.title = process.env.VUE_APP_CHAT_PAGE_TITLE;
-  },
-  destroyed() {
-    clearBodyClass();
-  },
-};
-</script>
-
-<style lang="scss">
-@import "../../assets/task/scss/task";
-</style>
diff --git a/pages/TaskDashboard.vue b/pages/TaskDashboard.vue
index 9ed4d84..cdc87f0 100644
--- a/pages/TaskDashboard.vue
+++ b/pages/TaskDashboard.vue
@@ -1,12 +1,6 @@
 <template>
   <section>
     <Navbar class="task-navbar"> </Navbar>
-    <the-sidebar2
-      :showUserAvatar="true"
-      :menu="menu"
-      @statusPage="statusPage"
-    ></the-sidebar2>
-
     <main
       class="task-dashboard main-page__content"
       :class="{ expanded: !isSidebarCollapsed }"
@@ -78,29 +72,19 @@
 </template>
 
 <script>
-// import commentMixin from "@mixins/commentMixin";
-// import apis from "@apis/listApi";
-import { mapGetters, mapMutations, mapActions } from "vuex";
-// import { handleErrors } from "@utilities/utilities";
-// import HttpService from "@services/httpService";
-import menu from "@task/json/menu.json";
-import taskApi from "@apis/taskApi";
-import HttpService from "@services/httpService";
+
+import { mapState, mapActions } from "pinia";
+
+import { useCommonStore } from "~/stores/commonStore";
+import { useSearchStore } from "@search/stores/searchStore";
+import { useAuthStore } from "~/stores/authStore";
+import taskApi from "@task/apis/taskApi";
+
 export default {
-  beforeMount() {
-    // const headers = {
-    //   "app-id": process.env.VUE_APP_APP_ID,
-    //   // "lang": process.env.VUE_APP_LANG,
-    //   // "app-version-code": process.env.VUE_APP_APP_VERSION,
-    // };
-    // this.httpService = new HttpService(this.repoMicroServiceName);
-  },
+
   // mixins: [commentMixin],
-  beforeMount() {
-    this.httpService = new HttpService( this.taskMicroServiceName
-    );
-  },
   mounted() {
+    this.httpService = useNuxtApp()["$http"];
     this.TOGGLE_PANEL(false);
     this.getvalueChartDonut();
   },
@@ -123,43 +107,49 @@ export default {
   data() {
     return {
       PieOptions: {
-        radius: ["40%", "70%"],
+        radius: ['40%', '70%'],
         selectedMode: "single",
       },
       // #region mehdi
       nomber: 0,
       statusPagHedear: 1,
       dataPie: [],
+      httpService: {},
       // #endregion
       rerenderChatList: 1,
       showListPanel: false,
-      menu: menu,
+
     };
   },
   computed: {
-    ...mapGetters([
+    ...mapState(useAuthStore,[
+      "currentUser",
+    
+    ]),
+    ...mapState(useCommonStore,[
       "getPanelStatus",
       "isSidebarCollapsed",
       "sidebarListStatusGetter",
     ]),
-    ...mapGetters("list", [
+    ...mapState(useSearchStore, [
       "listComponentNameGetter",
       "selectedProjectGetter",
       "listIdGetter",
       "selectedItemGetter",
       "listGetter",
     ]),
-    taskMicroServiceName() {
-      return process.env.VUE_APP_TASK;
-    },
+    // taskUrl() {
+    //   return import.meta.env.VITE_TASK;
+    // },
   },
   methods: {
-    ...mapMutations([
+    ...mapActions(useCommonStore,[
       "TOGGLE_PANEL",
       "sidebarCollapsedSetter",
       "SET_SIDEBAR_LIST_STATUS",
+      "checkPermissions", "storeState", "getState"
     ]),
-    ...mapMutations("list", [
+    ...mapActions(useSearchStore, [
       "SET_LIST_COMPONENT_NAME",
       "SET_SELECTED_ITEM",
       "SET_SELECTED_PROJECT",
@@ -167,7 +157,7 @@ export default {
       "SET_LIST",
       "SET_LIST_ID",
     ]),
-    ...mapActions(["checkPermissions", "storeState", "getState"]),
+   
     selectedListBackTitle(name) {
       if (name == "groups") return "دانشتو با بقیه به اشتراک بزار.";
       if (name == "privates") return "به هر کی دوست داری، پیام بده.";
@@ -212,34 +202,31 @@ export default {
     // #endregion
     getvalueChartDonut() {
       let payload = {
-        user_id: this.$store.getters.currentUser.user_id,
+        user_id: this.currentUser.user_id,
       };
-      let url = taskApi.taskChart.donut;
+      let url = taskUrl() + taskApi.taskChart.donut;
       var vm = this;
-      this.httpService.postRequest(url, payload).then((res) => {
-        vm.dataPie = [];
-        res.data.forEach((element) => {
-          vm.dataPie.push({
-            y: element.Percent,
-            name: element.category,
-            // color: colors[5],
-            drilldown: {
-              categories: [element.category],
-              data: [element.Total],
-            },
+      this.httpService
+        .postRequest(url, payload)
+        .then((res) => {
+          vm.dataPie = [];
+          res.data.forEach((element) => {
+            vm.dataPie.push({
+              y: element.Percent,
+              name: element.category,
+              // color: colors[5],
+              drilldown: {
+                categories: [element.category],
+                data: [element.Total],
+              },
+            });
           });
-        });
-      });
+        })
+
     },
   },
 
-  components: {
-    MainSection: () => import("@task/components/MainSection"),
-    RightSection: () => import("@task/components/RightSection"),
-    Navbar: () => import("@task/components/Navbar"),
-    Gantt: () => import("@components/charts/Gantt.vue"),
-    PieDonut: () => import("@components/charts/PieDonut.vue"),
-  },
+
 };
 </script>
 
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..441c360
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <NuxtLayout name="default" :menu="menu">
+    <router-view></router-view>
+  </NuxtLayout>
+</template>
+
+<script>
+import { clearBodyClass } from "@manuals/utilities";
+import menu from "@chat/json/menu.json";
+
+export default {
+  name: "taskRouterView",
+  setup() {
+    useHead({
+      title: import.meta.env.VITE_TASK_PAGE_TITLE,
+      meta: [{ name: "description", content: "My page description" }],
+      bodyAttrs: {
+        class: import.meta.env.VITE_TASK_SYSTEM,
+      },
+      bodyAttrs: {
+        class: import.meta.env.VITE_TASK_SYSTEM,
+      },
+    });
+
+    definePageMeta({
+      name: "taskRouterView",
+      layout: false,
+    });
+  },
+
+  data() {
+    return {
+      menu: menu,
+    };
+  },
+
+
+  beforeMount() {
+    clearBodyClass();
+  },
+ 
+  destroyed() {
+    clearBodyClass();
+  },
+};
+</script>
+
+<style lang="scss">
+@import "../assets/task/scss/task";
+</style>