chore: refactory

.eslintignore

@@ -1,6 +1,7 @@
 /public
 /docs
 /bin
+/types
 node_modules
 dist
 .vscode

package.json

@@ -27,12 +27,12 @@
     "@quasar/extras": "^1.13.5",
     "@solana/spl-stake-pool": "mfactory-lab/jfactory-stake-pool#dist",
     "@solana/wallet-adapter-wallets": "^0.16.0",
+    "@solana/web3.js": "^1.39.1",
     "@strata-foundation/web3-token-auth": "^3.5.4",
     "@vueuse/core": "^8.2.6",
     "@vueuse/head": "^0.7.6",
     "axios": "^0.26.0",
     "bn.js": "^5.2.0",
-    "buffer": "^6.0.3",
     "chart.js": "^3.7.1",
     "mitt": "^3.0.0",
     "pinia": "^2.0.13",
@@ -47,16 +47,15 @@
     "@quasar/vite-plugin": "^1.0.9",
     "@rollup/plugin-inject": "^4.0.0",
     "@types/node": "^17.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
-    "@typescript-eslint/parser": "^5.20.0",
+    "@typescript-eslint/eslint-plugin": "^5.21.0",
+    "@typescript-eslint/parser": "^5.21.0",
     "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/compiler-sfc": "^3.2.33",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.13.0",
+    "eslint": "^8.14.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
+    "eslint-plugin-vue": "^8.7.1",
     "path": "^0.12.7",
     "prettier": "^2.6.2",
     "push-dir": "^0.4.1",

src/components/AppHeader.vue

@@ -36,6 +36,7 @@
 <script lang="ts">
   import { computed, defineComponent } from 'vue';
   import router from '@/router';
+
   export default defineComponent({
     setup() {
       return {

src/plugins/charts.ts

@@ -26,8 +26,31 @@
  * The developer of this program can be contacted at <[email protected]>.
  */
 
-import { Chart, registerables } from 'chart.js';
+import {
+  CategoryScale,
+  Chart,
+  Filler,
+  Legend,
+  LineController,
+  LineElement,
+  LinearScale,
+  PointElement,
+  TimeScale,
+  Title,
+  Tooltip,
+} from 'chart.js';
 
 export const install = () => {
-  Chart.register(...registerables);
+  Chart.register(
+    LineController,
+    PointElement,
+    Title,
+    Filler,
+    Legend,
+    Tooltip,
+    LinearScale,
+    LineElement,
+    TimeScale,
+    CategoryScale,
+  );
 };

types/components.d.ts

@@ -25,7 +25,7 @@ declare module '@vue/runtime-core' {
     FaqSection: typeof import('./../src/components/staking/faq/FaqSection.vue')['default']
     'FaqSection.old': typeof import('./../src/components/staking/faq/FaqSection.old.vue')['default']
     FaqSectionItem: typeof import('./../src/components/staking/faq/FaqSectionItem.vue')['default']
-    HomeHeader: typeof import('./../src/components/app-header/HomeHeader.vue')['default']
+    HomeHeader: typeof import('./../src/components/AppHeader/HomeHeader.vue')['default']
     JsolSvg: typeof import('./../src/components/Icons/JsolSvg.vue')['default']
     Lazy: typeof import('./../src/components/Lazy.vue')['default']
     LinearProgress: typeof import('./../src/components/Home/LinearProgress.vue')['default']
@@ -45,7 +45,7 @@ declare module '@vue/runtime-core' {
     StakeSlideWrapper: typeof import('./../src/components/staking/stake/StakeSlideWrapper.vue')['default']
     StakesSection: typeof import('./../src/components/staking/StakesSection.vue')['default']
     StakeStats: typeof import('./../src/components/staking/my-stake/StakeStats.vue')['default']
-    StakingHeader: typeof import('./../src/components/app-header/StakingHeader.vue')['default']
+    StakingHeader: typeof import('./../src/components/AppHeader/StakingHeader.vue')['default']
     TelegramSvg: typeof import('./../src/components/Icons/TelegramSvg.vue')['default']
     ThemeModeSelector: typeof import('./../src/components/ThemeModeSelector.vue')['default']
     TotalStacked: typeof import('./../src/components/TotalStacked.vue')['default']

vite.config.ts

@@ -112,6 +112,7 @@ export default defineConfig(({ mode }) => {
     include: [
       'vue',
       // 'vue-chartjs',
+      'vue-chart-3', // TODO: remove
       'chart.js',
       // 'chartjs-adapter-luxon',
       '@quasar/extras/eva-icons',
@@ -177,7 +178,7 @@ export default defineConfig(({ mode }) => {
 
     define: {
       'process.env': process.env,
-      global: 'globalThis',
+      // global: 'globalThis',
     },
 
     // https://github.com/antfu/vite-ssg