PASSAGGIO A VITE !

AGG. 1.1.23

src/views/messages/messages.ts

@@ -1,12 +1,13 @@
 import { defineComponent, ref, computed, watch } from 'vue'
-import { useI18n } from '@src/boot/i18n'
+import { useI18n } from 'vue-i18n'
 import { useUserStore } from '@store/UserStore'
 import { useGlobalStore } from '@store/globalStore'
 import { useQuasar } from 'quasar'
 
-import { tools } from '@store/Modules/tools'
+import { tools } from '@tools'
 
-import { IChat, IMessage, IMsgUsers, StatusMessage } from 'model'
+import type { IChat, IMessage, IMsgUsers } from 'model';
+import { StatusMessage } from 'model'
 import MixinUsers from '../../mixins/mixin-users'
 import { CMyAvatar } from '../../components/CMyAvatar'
 import { useRoute, useRouter } from 'vue-router'
@@ -119,7 +120,7 @@ export default defineComponent({
       if (route.params.un === undefined || route.params.un === ':un') {
         usernameloading.value = getLastUserChatted()
       } else {
-        let mystr2: any = route.params.un ? route.params.un : ''
+        const mystr2: any = route.params.un ? route.params.un : ''
         usernameloading.value = mystr2
       }
 
@@ -234,7 +235,7 @@ export default defineComponent({
 
 
     // @ts-ignore
-    function myonScroll({ target: { scrollTop, clientHeight, scrollHeight } }: {scrollTop: number, clientHeight: number, scrollHeight: number}) {
+    function myonScroll({ target: { scrollTop, clientHeight, scrollHeight } }: { scrollTop: number, clientHeight: number, scrollHeight: number }) {
       if (scrollTop + clientHeight >= scrollHeight) {
         loadMorePosts()
       }
@@ -271,6 +272,7 @@ export default defineComponent({
       Username,
       func_tools,
       tools,
+      miniState,
     }
   }
 })

src/views/messages/messages.vue

@@ -18,14 +18,14 @@
         <q-scroll-area class="fit">
           <q-list bordered class="rounded-borders chat-list">
             <q-item-label header class="title_msg">{{
-              $t('msgs.messages')
+              $t("msgs.messages")
             }}</q-item-label>
 
             <q-separator />
 
             <div v-if="getNumMsg() === 0">
               <q-item>
-                {{ $t('msgs.nomessage') }}
+                {{ $t("msgs.nomessage") }}
               </q-item>
             </div>
 
@@ -115,10 +115,7 @@
                 >
                   <div v-if="msg.dest">
                     <div>
-                      <div
-                        class="chat_dest"
-                        v-if="msg.dest === Username()"
-                      >
+                      <div class="chat_dest" v-if="msg.dest === Username()">
                         <q-chat-message
                           :name="getUsernameChatByMsg(msg)"
                           :text="getMsgText(msg, true)"
@@ -163,7 +160,7 @@
             </q-page>
           </q-page-container>
         </div>
-        <div class="bottomfixed row" :style="styletextbar">
+        <div class="bottomfixed row" :style="styletextbar()">
           <div class="" style="max-width: 50px; align-self: center; order: 1">
             <q-btn rounded size="sm" icon="fas fa-smile"> </q-btn>
           </div>
@@ -192,5 +189,5 @@
 </script>
 
 <style lang="scss" scoped>
-@import './messages.scss';
+@import "./messages.scss";
 </style>