fix : title of pages

src/router/index.js

@@ -50,7 +50,10 @@ const router = new Router({
     }
 })
 
-Vue.use(Meta)
+
+Vue.use(Meta, {
+    refreshOnceOnNavigation: true
+})
 
 import {$hasRole} from '@/services/acl/role';
 

src/router/paths.js

@@ -17,7 +17,7 @@ export default [
         name: 'MyInfo',
         view: 'User/MyInfo',
         meta: {
-      title:'My Inf | CSSD Dashboard'
+            title: 'My Info | CSSD Dashboard'
         }
     },
     {

src/views/Auth/ForgotPassword.vue

@@ -46,7 +46,14 @@
 import {mapActions, mapMutations} from "vuex";
 import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
+
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             form: {

src/views/Auth/Login.vue

@@ -44,7 +44,8 @@
                         <v-layout row wrap class="text-md-left text-sm-center text-xs-center">
                             <v-flex xs12 md12 sm12 class="px-4 py-3">
                                 <router-link :to="{name: 'ForgotPassword'}">
-                  <span class="black--text" style="border-bottom:1px solid #000;">Forgot Password ?</span>
+                                    <span class="black--text"
+                                          style="border-bottom:1px solid #000;">Forgot Password ?</span>
                                 </router-link>
                             </v-flex>
                         </v-layout>
@@ -56,7 +57,14 @@
 </template>
 <script>
 import {mapGetters, mapActions} from "vuex";
+
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             cell_number: "",

src/views/Auth/Register.vue

@@ -93,6 +93,12 @@
 import {TokenService, ApiService} from "@/services";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         const defaultForm = Object.freeze({
             cell_number: "",

src/views/Cycle/AddEdit.vue

@@ -111,6 +111,12 @@ import {urls} from "@/config/urls";
 import {mapMutations} from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             fromMenuDate: false,

src/views/Cycle/List.vue

@@ -143,6 +143,12 @@ import {urls} from "@/config/urls";
 import {mapMutations, mapGetters} from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "ID", value: "Cycle ID"},

src/views/Dashboard.vue

@@ -54,6 +54,12 @@
 <script>
 // import { UserService } from '@/services';
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             AdminCards: [

src/views/Intro/Intro.vue

@@ -5,7 +5,9 @@
         </v-toolbar>
         <!-- _______________ Section 2::Begin _______________ -->
         <section>
-      <v-parallax src="https://images.squarespace-cdn.com/content/v1/5bf5d5da506fbea76ffa4abe/1547249524951-CQ5U440SQYT23ODKL23G/ke17ZwdGBToddI8pDm48kKAwwdAfKsTlKsCcElEApLR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UegTYNQkRo-Jk4EWsyBNhwKrKLo5CceA1-Tdpfgyxoog5ck0MD3_q0rY3jFJjjoLbQ/yenyi.jpg" height="600">
+            <v-parallax
+                    src="https://images.squarespace-cdn.com/content/v1/5bf5d5da506fbea76ffa4abe/1547249524951-CQ5U440SQYT23ODKL23G/ke17ZwdGBToddI8pDm48kKAwwdAfKsTlKsCcElEApLR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UegTYNQkRo-Jk4EWsyBNhwKrKLo5CceA1-Tdpfgyxoog5ck0MD3_q0rY3jFJjjoLbQ/yenyi.jpg"
+                    height="600">
                 <v-layout
                         column
                         align-center
@@ -14,8 +16,11 @@
                 >
                     <!-- <img src="assets/vuetify.png" alt="Vuetify.js" height="200"> -->
                     <p class="display-4 mb-5">CSSD-DOC</p>
-        <h1 class="white--text mb-2 mt-5 display-1 text-center">Central Sterile Supply Department App & Software</h1>
+                    <h1 class="white--text mb-2 mt-5 display-1 text-center">Central Sterile Supply Department App &
-        <div class="subheading mb-4 text-center">Management & Traceability & Documentation solution for CSSD / SPD</div>
+                        Software</h1>
+                    <div class="subheading mb-4 text-center">Management & Traceability & Documentation solution for CSSD
+                        / SPD
+                    </div>
                 </v-layout>
             </v-parallax>
         </section>
@@ -49,7 +54,8 @@
                             </v-flex>
                             <v-flex xs12 md4>
                                 <v-card flat class="transparent">
-              <p v-for="(item , i) in items.items3"  :key="i" class="headline text-left" v-text="item"></p>
+                                    <p v-for="(item , i) in items.items3" :key="i" class="headline text-left"
+                                       v-text="item"></p>
                                 </v-card>
                             </v-flex>
                         </v-layout>
@@ -101,8 +107,10 @@
                                     </v-card-title>
                                     <v-card-text>
                                         Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                                        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                                        turpis egestas.
+                                        Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt.
+                                        Suspendisse potenti.
                                     </v-card-text>
                                 </v-card>
                             </v-flex>
@@ -116,8 +124,10 @@
                                     </v-card-title>
                                     <v-card-text>
                                         Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                                        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                                        turpis egestas.
+                                        Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt.
+                                        Suspendisse potenti.
                                     </v-card-text>
                                 </v-card>
                             </v-flex>
@@ -132,29 +142,12 @@
 <script>
 
 export default {
+
     data: () => ({
         items: [
-      {
+            {items1: ['aaaaa', 'aaaaa', 'aaaaaa'],},
-        items1 : [
+            {items2: ['aaaaa', 'aaaaa', 'aaaaaa'],},
-          'aaaaa',
+            {items3: ['aaaaa', 'aaaaa', 'aaaaaa'],},
-          'aaaaa',
-          'aaaaaa'
-        ],
-      },
-      {
-        items2 : [
-          'aaaaa',
-          'aaaaa',
-          'aaaaaa'
-        ],
-      },
-      {
-        items3 : [
-          'aaaaa',
-          'aaaaa',
-          'aaaaaa'
-        ],
-      },
         ],
         disabled: false,
         dense: false,
@@ -169,9 +162,7 @@ export default {
         avatar: false,
         rounded: false,
     }),
-  components: {
+    components: {},
-
-  },
     created() {
     },
 }

src/views/Item/AddEdit.vue

@@ -79,6 +79,12 @@ import {mapMutations} from 'vuex';
 import Dropzone from '@/components/core/Dropzone'
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     components: {
         'wm-Dropzone': Dropzone,
     },

src/views/Item/List.vue

@@ -157,6 +157,12 @@ import {mapMutations, mapGetters} from "vuex";
 import toast from "@/services/global/toast.service";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             // {sortable: true,text: "ID",value: "id"},

src/views/Label/AddEdit.vue

@@ -10,7 +10,8 @@
                     </v-flex>
                     <v-flex xs12 sm6 md4 lg3 class="WM-FlexCenter pl-3">
                         <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"/>
-						<v-text-field name="cycle_number" label="Preferred Cycle Number" color="black" v-model="formData.cycle_number"
+                        <v-text-field name="cycle_number" label="Preferred Cycle Number" color="black"
+                                      v-model="formData.cycle_number"
                                       class="py-3 pr-3"/>
                     </v-flex>
                     <v-flex xs12 sm6 md4 lg3 class="WM-FlexCenter pl-3">
@@ -48,7 +49,8 @@
                                 v-model="fromMenuExpire" style="width: 100%">
                             <v-text-field required slot="activator" label="Expire Date" color="black" class="pr-3"
                                           v-model="formData.expire_date"/>
-							<v-date-picker :show-current="showCurrent" :min="formData.sterile_date" color="pink" no-title
+                            <v-date-picker :show-current="showCurrent" :min="formData.sterile_date" color="pink"
+                                           no-title
                                            v-model="formData.expire_date"
                                            :date-format="date => new Date(date).toDateString()"/>
                         </v-menu>
@@ -79,7 +81,14 @@
 <script>
 import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
+
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             showCurrent: false,

src/views/Label/List.vue

@@ -145,6 +145,12 @@ import {urls} from "@/config/urls";
 import {mapMutations, mapGetters} from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "ID", value: "Label ID"},

src/views/MedicalCenter/AddEdit.vue

@@ -71,6 +71,12 @@ import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             medicalCenter: {

src/views/MedicalCenter/List.vue

@@ -49,8 +49,10 @@
                                 </v-tooltip>
                                 <v-tooltip bottom open-on-hover>
                                     <template v-slot:activator="{ on, attrs }">
-                    <router-link class="LinkBtn" :to="{ name: 'OperatorList', params: { medicalCenter: item.id } }">
+                                        <router-link class="LinkBtn"
-                      <v-btn v-bind="attrs" v-on="on" color="orange darken-1" class="mr-2 WM-ActionButton">
+                                                     :to="{ name: 'OperatorList', params: { medicalCenter: item.id } }">
+                                            <v-btn v-bind="attrs" v-on="on" color="orange darken-1"
+                                                   class="mr-2 WM-ActionButton">
                                                 <v-icon class="white--text mr-2 caption">fas fa-user</v-icon>
                                                 <span>Operator</span>
                                             </v-btn>
@@ -60,7 +62,8 @@
                                 </v-tooltip>
                                 <v-tooltip bottom open-on-hover>
                                     <template v-slot:activator="{ on, attrs }">
-                    <v-btn v-bind="attrs" v-on="on" color="pink" @click="remove(item.id)" class="WM-ActionButton">
+                                        <v-btn v-bind="attrs" v-on="on" color="pink" @click="remove(item.id)"
+                                               class="WM-ActionButton">
                                             <v-icon class="white--text mr-2 caption">fas fa-trash</v-icon>
                                             <span>Remove</span>
                                         </v-btn>
@@ -92,7 +95,14 @@
 import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
 import {mapMutations} from 'vuex'
+
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "Hospital Name", value: "name"},

src/views/MedicalCenter/OperatorList.vue

@@ -3,13 +3,16 @@
         <material-card class color="black" :title="`Operator List`" text>
             <v-layout row wrap class="px-5 mb-3">
                 <v-flex xs12 md3 xs3>
-          <v-text-field name="Name" v-model="filter.name" label="Name" class="pa-2" color="black"></v-text-field>
+                    <v-text-field name="Name" v-model="filter.name" label="Name" class="pa-2"
+                                  color="black"></v-text-field>
                 </v-flex>
                 <v-flex xs12 md3 xs3>
-          <v-text-field name="cell_number"  v-model="filter.cell_number" label="Cell Number" class="pa-2" color="black"></v-text-field>
+                    <v-text-field name="cell_number" v-model="filter.cell_number" label="Cell Number" class="pa-2"
+                                  color="black"></v-text-field>
                 </v-flex>
                 <v-flex xs12 md2 xs3>
-          <v-select :items="roles" name="roles" v-model="filter.role"  label="Roles" class="pa-2" color="black"></v-select>
+                    <v-select :items="roles" name="roles" v-model="filter.role" label="Roles" class="pa-2"
+                              color="black"></v-select>
                 </v-flex>
                 <v-flex xs12 md2 sm2 class="text-xs-right">
                     <v-btn class="WM-CyanBlueGradient-BG" @click="load" style="padding:10px 30px">
@@ -92,35 +95,21 @@ import { ApiService } from "@/services";
 import {mapMutations, mapGetters} from "vuex";
 import {urls} from "@/config/urls";
 import {roles} from "@/config/utils";
+
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
-      {
+            {sortable: false, text: "Operator Name", value: "name"},
-        sortable: true,
+            {sortable: false, text: "Role", value: "role"},
-        text: "Operator Name",
+            {sortable: false, text: "Number", value: "number"},
-        value: "name"
+            {sortable: false, text: "Status", value: "status"},
-      },
+            {sortable: false, text: "Action", value: "action", align: "right"}
-      {
-        sortable: false,
-        text: "Role",
-        value: "role"
-      },
-      {
-        sortable: false,
-        text: "Number",
-        value: "number"
-      },
-      {
-        sortable: false,
-        text: "Status",
-        value: "status"
-      },
-      {
-        sortable: false,
-        text: "Action",
-        value: "action",
-        align: "right"
-      }
         ],
         filter: {
             name: '',

src/views/MyItem/List.vue

@@ -167,6 +167,12 @@ import {mapMutations, mapGetters, mapActions} from "vuex";
 import toast from "@/services/global/toast.service";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             // {sortable: true,text: "ID",value: "id"},

src/views/MyPackage/List.vue

@@ -56,10 +56,16 @@
                                 <td class="title font-weight-light">{{ item.status }}</td>
                                 <td class="text-xs-right FlexBtn Height-MD-60 justify-self-end">
                                     <template v-if="$hasRole('Admin|Supervisor')">
-                                        <v-tooltip v-for="status in getStatus(item)" :key="status.label" bottom open-on-hover>
+                                        <v-tooltip v-for="status in getStatus(item)" :key="status.label" bottom
+                                                   open-on-hover>
                                             <template v-slot:activator="{ on, attrs }">
-                                                <v-btn :color="status.color" class="mr-2" @click="changeStatus(item, status.status)" v-bind="attrs" v-on="on">
+                                                <v-btn :color="status.color" class="mr-2"
-                                                    <v-icon class="white--text mr-1 caption">fas {{ status.icon }}</v-icon>
+                                                       @click="changeStatus(item, status.status)" v-bind="attrs"
+                                                       v-on="on">
+                                                    <v-icon class="white--text mr-1 caption">fas {{
+                                                            status.icon
+                                                        }}
+                                                    </v-icon>
                                                     <span>{{ status.label }}</span>
                                                 </v-btn>
                                             </template>
@@ -154,6 +160,12 @@ import {mapMutations, mapGetters} from "vuex";
 import toast from "@/services/global/toast.service";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "ID", value: "Package ID"},

src/views/Package/AddEdit.vue

@@ -118,6 +118,12 @@ import {urls} from "@/config/urls";
 import {mapMutations} from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             formData: {

src/views/Package/List.vue

@@ -160,6 +160,12 @@ import {mapMutations, mapGetters} from "vuex";
 import toast from "@/services/global/toast.service";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "ID", value: "Package ID"},

src/views/Statistics/Chart.vue

@@ -6,27 +6,35 @@
                     <v-layout align-center justify-center wrap class="px-5 my-3">
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="medicalCenters" item-text="name" item-value="id" v-model="form.medicalCenterId" @change="fillUsers" label="Hospital" color="black" class="pa-2"></v-autocomplete>
+                            <v-autocomplete :items="medicalCenters" item-text="name" item-value="id"
+                                            v-model="form.medicalCenterId" @change="fillUsers" label="Hospital"
+                                            color="black" class="pa-2"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fa fa-user mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="users" item-text="name" item-value="id" v-model="form.userId" label="User" color="black" class="py-3 pr-3"></v-autocomplete>
+                            <v-autocomplete :items="users" item-text="name" item-value="id" v-model="form.userId"
+                                            label="User" color="black" class="py-3 pr-3"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="testTypes" item-text="name" item-value="id" v-model="form.testTypeId" label="TestType" color="black" class="py-3 pr-3"></v-autocomplete>
+                            <v-autocomplete :items="testTypes" item-text="name" item-value="id"
+                                            v-model="form.testTypeId" label="TestType" color="black"
+                                            class="py-3 pr-3"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fas fa-angle-right mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="result" v-model="form.result" label="Result" color="black" class="py-3 pr-3"></v-autocomplete>
+                            <v-autocomplete :items="result" v-model="form.result" label="Result" color="black"
+                                            class="py-3 pr-3"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fas fa-angle-right mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="verify" v-model="form.verify" label="Verify" color="black" class="py-3 pr-3"></v-autocomplete>
+                            <v-autocomplete :items="verify" v-model="form.verify" label="Verify" color="black"
+                                            class="py-3 pr-3"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
                             <v-icon class="fas fa-line-chart mr-2 WM-Margin-B-8"></v-icon>
-              <v-autocomplete :items="type" v-model="form.type" label="Type" color="black" class="py-3 pr-3"></v-autocomplete>
+                            <v-autocomplete :items="type" v-model="form.type" label="Type" color="black"
+                                            class="py-3 pr-3"></v-autocomplete>
                         </v-flex>
                         <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
                             <v-icon class="far fa-calendar-alt mr-2"></v-icon>
@@ -108,6 +116,12 @@ import { ApiService } from "@/services";
 import {urls} from "@/config/urls";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     components: {
         BarChart,
         PieChart
@@ -183,12 +197,15 @@ export default {
     max-width: 600px;
     margin: 150px auto;
 }
+
 .v-btn--floating {
     padding: 0 !important;
 }
+
 .theme--light.v-btn.v-btn--flat {
     color: rgba(0, 0, 0, .87) !important;
 }
+
 .v-btn--floating, .v-btn--icon:before {
     border-radius: 50% !important;
 }

src/views/TestResult/AddEdit.vue

@@ -416,6 +416,12 @@ import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     components: {
         'wm-Dropzone': Dropzone,
     },

src/views/TestResult/List.vue

@@ -186,6 +186,12 @@ import {
 } from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "ID", value: "name"},

src/views/TestResult/Show.vue

@@ -126,6 +126,12 @@ import { mapGetters, mapMutations } from "vuex";
 import { ApiService } from "@/services";
 import { urls } from "@/config/urls";
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
 	data: () => ({
 		data: {
 			user: {

src/views/TestType/AddEdit.vue

@@ -266,7 +266,8 @@
                         <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
                         REMOVE
                     </v-btn>
-                    <v-layout row wrap align-center justify-center class="mt-4" v-if="(form.info.length -1)  == keyForm">
+                    <v-layout row wrap align-center justify-center class="mt-4"
+                              v-if="(form.info.length -1)  == keyForm">
                         <v-btn absolute right bottom small @click="addInput" color="pink" class="mb-2">
                             <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
                             <span class="white--text">Add</span>
@@ -301,6 +302,12 @@ import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             form: {

src/views/TestType/List.vue

@@ -150,6 +150,12 @@ import {urls} from "@/config/urls";
 import {mapMutations, mapGetters} from "vuex";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {sortable: false, text: "TestType Name", value: "name"},

src/views/User/List.vue

@@ -144,6 +144,12 @@ import {mapMutations, mapGetters} from "vuex";
 import {roles} from "@/config/utils";
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data: () => ({
         headers: [
             {

src/views/User/MyInfo.vue

@@ -96,6 +96,12 @@ import {urls} from "@/config/urls";
 import {mapMutations} from 'vuex';
 
 export default {
+    metaInfo() {
+        return {
+            title: this.$route.meta.title,
+            meta: this.$route.meta.metaTags || []
+        }
+    },
     data() {
         return {
             user: {