chore: upgrade vuestic to latest version

package.json

@@ -38,7 +38,7 @@
     "vue-chartjs": "^5.3.0",
     "vue-i18n": "^9.6.2",
     "vue-router": "^4.2.5",
-    "vuestic-ui": "1.8.8-next-9307dca48-20240207"
+    "vuestic-ui": "1.8.8-next-221a5b7aa-20240209"
   },
   "devDependencies": {
     "@intlify/unplugin-vue-i18n": "^1.5.0",

src/layouts/AppLayout.vue

@@ -19,7 +19,7 @@
         </div>
       </div>
       <AppLayoutNavigation v-if="!isMobile" class="p-4" />
-      <main class="p-4 py-0">
+      <main class="p-4 pt-0">
         <article>
           <RouterView />
         </article>

src/pages/admin/dashboard/cards/RevenueReport.vue

@@ -3,7 +3,7 @@
     <VaCardTitle class="flex items-start justify-between">
       <h1 class="card-title text-secondary font-bold uppercase">Revenue Report</h1>
       <div class="flex gap-2">
-        <VaSelect v-model="selectedMonth" preset="small" :options="monthsWithCurrentYear" class="w-64" />
+        <VaSelect v-model="selectedMonth" preset="small" :options="monthsWithCurrentYear" class="w-24" />
         <VaButton class="h-2" size="small" preset="primary" @click="exportAsCSV">Export</VaButton>
       </div>
     </VaCardTitle>

src/pages/projects/widgets/EditProjectForm.vue

@@ -75,10 +75,10 @@ const { users: ownerUsers, filters: ownerFilters } = useUsers({ pagination: ref(
       :rules="[required]"
       :options="ownerUsers"
     >
-      <template #content="{ value: users }">
-        <div v-if="users[0]" :key="users[0].id" class="flex items-center gap-1 mr-4">
-          <UserAvatar :user="users[0]" size="18px" />
-          {{ users[0].fullname }}
+      <template #content="{ value: user }">
+        <div v-if="user" :key="user.id" class="flex items-center gap-1 mr-4">
+          <UserAvatar :user="user" size="18px" />
+          {{ user.fullname }}
         </div>
       </template>
     </VaSelect>
@@ -93,11 +93,11 @@ const { users: ownerUsers, filters: ownerFilters } = useUsers({ pagination: ref(
       :options="teamUsers"
       :max-visible-options="$vaBreakpoint.mdUp ? 3 : 1"
     >
-      <template #content="{ value }">
-        <template v-if="value">
-          <div v-for="(user, index) in value" :key="user.id" class="flex items-center gap-1 mr-2">
+      <template #content="{ valueArray }">
+        <template v-if="valueArray">
+          <div v-for="(user, index) in valueArray" :key="user.id" class="flex items-center gap-1 mr-2">
             <UserAvatar :user="user" size="18px" />
-            {{ user.fullname }}{{ index < value.length - 1 ? ',' : '' }}
+            {{ user.fullname }}{{ index < valueArray.length - 1 ? ',' : '' }}
           </div>
         </template>
       </template>
@@ -116,7 +116,7 @@ const { users: ownerUsers, filters: ownerFilters } = useUsers({ pagination: ref(
       ]"
     >
       <template #content="{ value }">
-        <ProjectStatusBadge v-if="value[0]" :status="value[0].value" />
+        <ProjectStatusBadge v-if="value" :status="value.value" />
       </template>
     </VaSelect>
     <div class="flex justify-end flex-col-reverse sm:flex-row mt-4 gap-2">

yarn.lock

@@ -8306,10 +8306,10 @@ vue@3.3.9:
     "@vue/server-renderer" "3.3.9"
     "@vue/shared" "3.3.9"
 
-vuestic-ui@1.8.8-next-9307dca48-20240207:
-  version "1.8.8-next-9307dca48-20240207"
-  resolved "https://registry.yarnpkg.com/vuestic-ui/-/vuestic-ui-1.8.8-next-9307dca48-20240207.tgz#de57c90d917202eca0485e5f67e131b7cc39cd53"
-  integrity sha512-Wl23BKlg4SFGJMIKQQirwCaVoUyCzxHmvbKPM6N0as3DPFBoynwt5pliqU6L31XB3vKVsxpCPxU78ZX52ABpdg==
+vuestic-ui@1.8.8-next-221a5b7aa-20240209:
+  version "1.8.8-next-221a5b7aa-20240209"
+  resolved "https://registry.yarnpkg.com/vuestic-ui/-/vuestic-ui-1.8.8-next-221a5b7aa-20240209.tgz#cae934f6ba919d0d928ed522d66b385be93b158c"
+  integrity sha512-2afhlWjQFVHwDh1dcoY4bZ+3mEcOCIsNcv8FbzpyHMRMdFPqGpKppojl4wrClC8+qPSiS3yid008udu1mniRaQ==
   dependencies:
     "@floating-ui/vue" "^1.0.1"
     "@types/lodash" "^4.14.161"