- added Footer (mobile version)

- fix menu and qselect

src/components/MyFooter/MyFooter.ts

@@ -0,0 +1,47 @@
+import { useQuasar } from 'quasar'
+import {
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs, watch, inject, computed,
+} from 'vue'
+
+import { tools } from '@store/Modules/tools'
+
+import { shared_consts } from '@src/common/shared_vuejs'
+import { useI18n } from '@src/boot/i18n'
+import { useRouter } from 'vue-router'
+import { static_data } from '@/db/static_data'
+import { useGlobalStore } from '@store/globalStore'
+import { useUserStore } from '@store/UserStore'
+
+import MixinUsers from '../../mixins/mixin-users'
+
+export default defineComponent({
+  name: 'MyFooter',
+  components: {},
+  props: {},
+
+  setup() {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const $router = useRouter()
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { getMyUsername, Username } = MixinUsers()
+
+    function mounted() {
+      // mounted
+    }
+
+    onMounted(mounted)
+
+    return {
+      static_data,
+      globalStore,
+      t,
+      getMyUsername,
+      Username,
+    }
+  },
+
+})

src/components/MyFooter/MyFooter.vue

@@ -0,0 +1,36 @@
+<template>
+  <q-footer
+    class="bg-white small-screen-only"
+    bordered
+  >
+    <q-tabs
+      class="text-grey-10 text-h6"
+      active-color="primary"
+      indicator-color="transparent"
+    >
+      <q-route-tab
+        to="/"
+        icon="fas fa-home"
+      />
+      <q-route-tab
+        to="/groups"
+        icon="fas fa-users"
+      />
+      <q-route-tab
+        to="/friends"
+        icon="fas fa-user-friends"
+      />
+      <q-route-tab
+        :to="`/my/`+getMyUsername()"
+        icon="person"
+      />
+    </q-tabs>
+  </q-footer>
+</template>
+
+<script lang="ts" src="./MyFooter.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './MyFooter.scss';
+</style>

src/components/MyFooter/index.ts

@@ -0,0 +1 @@
+export { default as MyFooter } from './MyFooter.vue'