Merge develop

README.md

@@ -9,6 +9,21 @@
 
 > Decentralized staking and asset management
 
+- [About](#about)
+- [💻 Development](#-development)
+  - [Prerequisites](#prerequisites)
+  - [Setup](#setup)
+  - [Install](#install)
+  - [Environment](#environment)
+    - [Supported Variables](#supported-variables)
+  - [Apps](#apps)
+  - [Contracts](#contracts)
+  - [Emulators](#emulators)
+- [📊 Data](#-data)
+- [Layout](#layout)
+- [Editor](#editor)
+- [License](#license)
+
 ## About
 
 Casimir is a complete platform that allows users to monitor, move, and stake their assets while holding their own keys. With Casimir staking, users can easily and securely move funds in and out of decentralized staking pools that are operated by high-performing validators.

apps/web/src/App.vue

@@ -1,7 +1,16 @@
 <script lang="ts" setup>
   import { RouterView } from 'vue-router'
   import DefaultLayout from '@/layouts/default-layout.vue'
-  
+  import useTxData from '@/mockData/mock_transaction_data'
+  import { onMounted } from 'vue'
+  import useUsers from '@/composables/users'
+
+  const { mockData } = useTxData()
+  // Need this to fix initilizing bug between user.ts and ssv.ts
+  const { user } = useUsers()
+  onMounted(() => {
+    mockData()
+  })
 </script>
 
 <template>