✨ User personal page

src/components/posts/PostList.vue

@@ -3,7 +3,7 @@
     <v-infinite-scroll :items="props.posts" :onLoad="props.loader">
       <template v-for="(item, idx) in props.posts" :key="item.id">
         <div class="mb-3 px-[8px]">
-          <v-card>
+          <v-card :variant="props.variant ?? 'elevated'">
             <template #text>
               <post-item brief :item="item" @update:item="(val) => updateItem(idx, val)" />
             </template>
@@ -17,7 +17,7 @@
 <script setup lang="ts">
 import PostItem from "@/components/posts/PostItem.vue"
 
-const props = defineProps<{ posts: any[]; loader: (opts: any) => Promise<any> }>()
+const props = defineProps<{ variant?: string, posts: any[]; loader: (opts: any) => Promise<any> }>()
 const emits = defineEmits(["update:posts"])
 
 function updateItem(idx: number, data: any) {