Add settings

src/components/userlist/UserList.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="d-flex flex-column">
-  <User :user="self" />
+  <User :user="mercuryStore.user" />
   <div v-for="user in users" :key="user.id" class="d-flex flex-row align-items-center">
     <User :user="user" />
   </div>
@@ -9,6 +9,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import { useMercuryStore } from '../../stores/mercuryStore'
 import { useUserStore } from '../../stores/userStore'
 import User from './User.vue'
 
@@ -16,7 +17,6 @@ const props = defineProps(['channel'])
 const channelId = computed(() => { return props.channel.id })
 
 const userStore = useUserStore()
+const mercuryStore = useMercuryStore()
 const users = computed(() => { return userStore.getUsersByChannelId(channelId.value) })
-
-const self = userStore.getSelf()
 </script>