[fix] use showName in UserSelector to show name by display mode setting

src/components/UserSelector.vue

@@ -16,7 +16,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType, onBeforeMount, ref } from 'vue';
 import { useUserStore } from '@flaschengeist/api';
-import { DisplayNameMode } from '../models';
+import { showName } from '../utils';
 
 export default defineComponent({
   name: 'UserSelector',
@@ -68,20 +68,6 @@ export default defineComponent({
       get: () => props.modelValue,
       set: (value: FG.User | undefined) => (value ? emit('update:modelValue', value) : undefined),
     });
-    function showName(user: FG.User) {
-      switch (userStore.userSettings.display_name) {
-        case DisplayNameMode.DISPLAYNAME:
-          return user.display_name;
-        case DisplayNameMode.FIRSTNAME:
-          return user.firstname;
-        case DisplayNameMode.LASTNAME:
-          return user.lastname;
-        case DisplayNameMode.FIRSTNAME_LASTNAME:
-          return `${user.firstname} ${user.lastname}`;
-        case DisplayNameMode.LASTNAME_FIRSTNAME:
-          return `${user.lastname}, ${user.firstname}`;
-      }
-    }
 
     return {
       selected,

src/index.ts

@@ -29,3 +29,4 @@ const plugin: FG_Plugin.Plugin = {
 
 export default plugin;
 export { DisplayNameMode };
+export * from './utils';

src/utils/index.ts

@@ -0,0 +1,18 @@
+import { DisplayNameMode } from '../models';
+import { useUserStore } from '@flaschengeist/api';
+
+export function showName(user: FG.User) {
+  const userStore = useUserStore();
+  switch (userStore.userSettings.display_name) {
+    case DisplayNameMode.DISPLAYNAME:
+      return user.display_name;
+    case DisplayNameMode.FIRSTNAME:
+      return user.firstname;
+    case DisplayNameMode.LASTNAME:
+      return user.lastname;
+    case DisplayNameMode.FIRSTNAME_LASTNAME:
+      return `${user.firstname} ${user.lastname}`;
+    case DisplayNameMode.LASTNAME_FIRSTNAME:
+      return `${user.lastname}, ${user.firstname}`;
+  }
+}