👽️ migrate to vuetify4

src/pages/common/PageBagMaterial.vue

@@ -64,7 +64,7 @@
           <template #item="{ props, item }">
             <v-list-item v-bind="props">
               <template #append>
-                <v-chip>{{ item.raw.number }}</v-chip>
+                <v-chip>{{ item.number }}</v-chip>
               </template>
             </v-list-item>
           </template>

src/pages/common/PageHome.vue

@@ -16,30 +16,30 @@
           <template #selection="{ item }">
             <div class="select-item main">
               <TMiImg
-                v-if="item.raw.icon"
-                :alt="item.raw.title"
+                v-if="item.icon"
+                :alt="item.title"
                 :ori="true"
-                :src="item.raw.icon"
-                :title="item.raw.title"
+                :src="item.icon"
+                :title="item.title"
                 class="icon"
               />
-              <span>{{ item.raw.title }}</span>
+              <span>{{ item.title }}</span>
             </div>
           </template>
           <template #item="{ props, item }">
             <div
-              :class="item.raw.gid === curGid ? 'selected' : ''"
+              :class="item.gid === curGid ? 'selected' : ''"
               class="select-item sub"
               v-bind="props"
             >
               <TMiImg
-                v-if="item.raw.icon"
-                :alt="item.raw.title"
-                :src="item.raw.icon"
-                :title="item.raw.title"
+                v-if="item.icon"
+                :alt="item.title"
+                :src="item.icon"
+                :title="item.title"
                 class="icon"
               />
-              <span>{{ item.raw.title }}</span>
+              <span>{{ item.title }}</span>
             </div>
           </template>
         </v-select>

src/pages/common/PostCollect.vue

@@ -16,7 +16,7 @@
         variant="outlined"
       >
         <template v-slot:item="{ props, item }">
-          <v-list-item :subtitle="item.raw.desc" :title="item.raw.title" v-bind="props" />
+          <v-list-item :subtitle="item.desc" :title="item.title" v-bind="props" />
         </template>
       </v-select>
     </div>

src/pages/common/PostForum.vue

@@ -21,30 +21,20 @@
         <template #selection="{ item }">
           <div class="select-item main">
             <TMiImg
-              v-if="item.raw.icon"
-              :alt="item.raw.text"
+              v-if="item.icon"
+              :alt="item.text"
               :ori="true"
-              :src="item.raw.icon"
-              :title="item.raw.text"
+              :src="item.icon"
+              :title="item.text"
               class="icon"
             />
-            <span>{{ item.raw.text }}</span>
+            <span>{{ item.text }}</span>
           </div>
         </template>
         <template #item="{ props, item }">
-          <div
-            :class="{ selected: item.raw.gid === curGid }"
-            class="select-item sub"
-            v-bind="props"
-          >
-            <TMiImg
-              v-if="item.raw.icon"
-              :alt="item.raw.text"
-              :ori="true"
-              :src="item.raw.icon"
-              class="icon"
-            />
-            <span>{{ item.raw.text }}</span>
+          <div :class="{ selected: item.gid === curGid }" class="select-item sub" v-bind="props">
+            <TMiImg v-if="item.icon" :alt="item.text" :ori="true" :src="item.icon" class="icon" />
+            <span>{{ item.text }}</span>
           </div>
         </template>
       </v-select>
@@ -59,25 +49,19 @@
       >
         <template #selection="{ item }">
           <div class="select-item main">
-            <TMiImg
-              :alt="item.raw.text"
-              :ori="true"
-              :src="item.raw.icon"
-              :title="item.raw.text"
-              class="icon"
-            />
-            <span>{{ item.raw.text }}</span>
+            <TMiImg :alt="item.text" :ori="true" :src="item.icon" :title="item.text" class="icon" />
+            <span>{{ item.text }}</span>
           </div>
         </template>
         <template #item="{ props, item }">
           <div
-            :class="{ selected: item.raw.value === selectedForum?.value }"
+            :class="{ selected: item.value === selectedForum?.value }"
             class="select-item sub"
             v-bind="props"
-            @click="selectedForum = item.raw"
+            @click="() => (selectedForum = item)"
           >
-            <TMiImg :alt="item.raw.text" :ori="true" :src="item.raw.icon" class="icon" />
-            <span>{{ item.raw.text }}</span>
+            <TMiImg :alt="item.text" :ori="true" :src="item.icon" class="icon" />
+            <span>{{ item.text }}</span>
           </div>
         </template>
       </v-select>

src/pages/common/PostTopic.vue

@@ -32,25 +32,25 @@
         <template #selection="{ item }">
           <div class="select-item main">
             <img
-              v-if="item.raw.icon"
-              :alt="item.raw.name"
-              :src="item.raw.icon"
-              :title="item.raw.name"
+              v-if="item.icon"
+              :alt="item.name"
+              :src="item.icon"
+              :title="item.name"
               class="icon"
             />
-            <span>{{ item.raw.name }}</span>
+            <span>{{ item.name }}</span>
           </div>
         </template>
         <template #item="{ props, item }">
-          <div :class="{ selected: item.raw.id === curGid }" class="select-item sub" v-bind="props">
+          <div :class="{ selected: item.id === curGid }" class="select-item sub" v-bind="props">
             <img
-              v-if="item.raw.icon"
-              :alt="item.raw.name"
-              :src="item.raw.icon"
-              :title="item.raw.name"
+              v-if="item.icon"
+              :alt="item.name"
+              :src="item.icon"
+              :title="item.name"
               class="icon"
             />
-            <span>{{ item.raw.name }}</span>
+            <span>{{ item.name }}</span>
           </div>
         </template>
       </v-select>