diff --git a/src/components/ProposalProcess.vue b/src/components/ProposalProcess.vue
index 87cdbe3f79..49aa1ce754 100644
--- a/src/components/ProposalProcess.vue
+++ b/src/components/ProposalProcess.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useFormatter } from '@/stores';
 import type { Tally } from '@/types';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import type { PropType } from 'vue';
 
 const props = defineProps({
diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index b86876e003..28f691ea03 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -2,7 +2,7 @@
 import ApexCharts from 'vue3-apexcharts';
 import { getMarketPriceChartConfig } from './apexChartConfig';
 import { useIndexModule } from '@/modules/[chain]/indexStore';
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore } from '@/stores';
 
 const store = useIndexModule();
diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
index 4265dca2a7..c15a92917f 100644
--- a/src/components/charts/TxsInBlocksChart.vue
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import ApexCharts from 'vue3-apexcharts';
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore } from '@/stores';
 
 const baseStore = useBaseStore();
diff --git a/src/components/dynamic/ArrayElement.vue b/src/components/dynamic/ArrayElement.vue
index 8b5b8e15be..f1b39885f7 100644
--- a/src/components/dynamic/ArrayElement.vue
+++ b/src/components/dynamic/ArrayElement.vue
@@ -6,7 +6,7 @@ import ArrayCoinElement from './ArrayCoinElement.vue';
 import ArrayStringElement from './ArrayStringElement.vue'
 
 const props = defineProps({
-  value: { type: Array<Object> },
+  value: { type: Array<object> },
 });
 
 function selectByElement() {
diff --git a/src/components/dynamic/ArrayObjectElement.vue b/src/components/dynamic/ArrayObjectElement.vue
index fc5a5c615a..5afbac8a76 100644
--- a/src/components/dynamic/ArrayObjectElement.vue
+++ b/src/components/dynamic/ArrayObjectElement.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import DynamicComponent from './DynamicComponent.vue';
 
 const props = defineProps({
diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index d90acd04c1..a42f976a51 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { fromBase64, toBase64 } from '@cosmjs/encoding';
 import { decodeTxRaw } from '@cosmjs/proto-signing';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import { hashTx } from '@/libs';
 import { useBlockchain, useFormatter } from '@/stores';
 const props = defineProps({
diff --git a/src/components/dynamic/UInt8Array.vue b/src/components/dynamic/UInt8Array.vue
index 7c26863a8d..a9b4f856b2 100644
--- a/src/components/dynamic/UInt8Array.vue
+++ b/src/components/dynamic/UInt8Array.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { toBase64, toHex } from '@cosmjs/encoding';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import { ref } from 'vue';
 
 const props = defineProps(['value']);
diff --git a/src/components/dynamic/index.ts b/src/components/dynamic/index.ts
index 5d228dd0ca..30e616c7a6 100644
--- a/src/components/dynamic/index.ts
+++ b/src/components/dynamic/index.ts
@@ -23,7 +23,7 @@ export function select(v: any, direct?: string) {
   // }
 }
 
-function selectObject(v: Object, direct?: string) {
+function selectObject(v: object, direct?: string) {
   switch (true) {
     case v instanceof Long:
       return NumberElement;
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index de91f36fa4..12ae8b5704 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -39,7 +39,7 @@ blockchain.$subscribe((m, s) => {
 const sidebarShow = ref(false);
 const sidebarOpen = ref(true);
 
-const changeOpen = (index: Number) => {
+const changeOpen = (index: number) => {
   if (index === 0) {
     sidebarOpen.value = !sidebarOpen.value;
   }
diff --git a/src/libs/utils.ts b/src/libs/utils.ts
index e014c74d7c..6bc24af57f 100644
--- a/src/libs/utils.ts
+++ b/src/libs/utils.ts
@@ -73,7 +73,7 @@ export function formatTokenAmount(
     : tokenDenom?.denom_trace?.base_denom;
   let amount = 0;
   const asset = assets.find((a: any) => a.base === denom);
-  let exp = asset
+  const exp = asset
     ? asset.exponent
     : String(denom).startsWith('gravity')
     ? 18
@@ -177,7 +177,7 @@ export function rgbToHsl(color: string) {
     h = 0;
     s = 0;
   } else {
-    var d = max - min;
+    const d = max - min;
     s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
     switch (max) {
       case r:
diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 9ea3a3030b..202dd6addf 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -7,7 +7,7 @@ import {
 } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import DonutChart from '@/components/charts/DonutChart.vue';
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { onMounted } from 'vue';
 import { Icon } from '@iconify/vue';
 
diff --git a/src/modules/[chain]/account/index.vue b/src/modules/[chain]/account/index.vue
index fe1ecb0815..e402b28d70 100644
--- a/src/modules/[chain]/account/index.vue
+++ b/src/modules/[chain]/account/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import { PageRequest, type AuthAccount, type Pagination } from '@/types';
 import { onMounted } from 'vue';
diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index be27f12a48..4e22e576bb 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -3,7 +3,7 @@ import { onMounted, ref, watchEffect } from 'vue';
 import { Icon } from '@iconify/vue';
 import TxsElement from '@/components/dynamic/TxsElement.vue';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import { onBeforeRouteUpdate } from 'vue-router';
 import { useBaseStore, useFormatter } from '@/stores';
 import type { Block } from '@/types';
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 1e4f60e90b..969812f711 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore, useFormatter } from '@/stores';
 import TxsInBlocksChart from '@/components/charts/TxsInBlocksChart.vue';
 
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index e7061896e5..f91b98e589 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -126,11 +126,11 @@ async function update() {
       .then((res) => {
         roundState.value = res.result.round_state;
         const raw = roundState?.value?.['height/round/step']?.split('/');
-        // eslint-disable-next-line prefer-destructuring
+         
         height.value = raw[0];
-        // eslint-disable-next-line prefer-destructuring
+         
         round.value = raw[1];
-        // eslint-disable-next-line prefer-destructuring
+         
         step.value = raw[2];
 
         // find the highest onboard rate
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 13f985da5b..a38c66d443 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import MdEditor from 'md-editor-v3';
 import ObjectElement from '@/components/dynamic/ObjectElement.vue';
 import {
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 242dcb6ec4..5b8a6fed71 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -13,7 +13,7 @@ import {
 } from '@/stores';
 import { onMounted, ref } from 'vue';
 import { useIndexModule, colorMap } from './indexStore';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
 import ProposalListItem from '@/components/ProposalListItem.vue';
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index fdd3e4ad32..1ce2ea17d5 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -7,7 +7,7 @@ import {
     useStakingStore,
     useTxDialog,
 } from '@/stores';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import { onMounted, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Key, SlashingParam, Validator } from '@/types';
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 2216f0ebf1..b3bd2837e8 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import { PageRequest, type AuthAccount, type Pagination, type Coin } from '@/types';
 import { onMounted } from 'vue';
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 60ef39b2f3..0fae67d608 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import type { Tx, TxResponse } from '@/types';
 
 import { JsonViewer } from "vue3-json-viewer"
diff --git a/src/modules/[chain]/tx/index.vue b/src/modules/[chain]/tx/index.vue
index 4e70a71aa9..cf1195638e 100644
--- a/src/modules/[chain]/tx/index.vue
+++ b/src/modules/[chain]/tx/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from '@vue/reactivity';
+import { computed, ref } from 'vue';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import type { PaginatedTxs } from '@/types';
 import { useRouter } from 'vue-router';
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index c3036497d6..0648ee247f 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -209,7 +209,7 @@ export const useFormatter = defineStore('formatter', {
     ) {
       if (token && token.amount && token?.denom) {
         let amount = Number(token.amount);
-        let denom = token.denom;
+        const denom = token.denom;
 
         let conf = mode === 'local'? this.blockchain.current?.assets?.find(
           // @ts-ignore
diff --git a/vue3-json-viewer.d.ts b/vue3-json-viewer.d.ts
index af59802564..cd8f0d4aaf 100644
--- a/vue3-json-viewer.d.ts
+++ b/vue3-json-viewer.d.ts
@@ -1,7 +1,7 @@
 declare module 'vue3-json-viewer' {
     import { AllowedComponentProps, App, Component, ComponentCustomProps, VNodeProps } from 'vue'
     interface JsonViewerProps {
-        value: Object | Array<any> | string | number | boolean; //对象
+        value: object | Array<any> | string | number | boolean; //对象
         expanded: boolean; //是否自动展开
         expandDepth: number; //展开层级
         copyable: boolean | object; //是否可复制