Cleanup and useLazyAsyncData

art-by-city · Oct 3, 2023 · 9b85832 · 9b85832
1 parent 68f61ab
commit 9b85832
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/components/Avatar.vue b/components/Avatar.vue
@@ -11,11 +11,6 @@
   </v-avatar>
 </template>
 
-<style>
-
-
-</style>
-
 <script setup lang="ts">
 const props = defineProps<{
   address: string,
@@ -24,6 +19,9 @@ const props = defineProps<{
 
 const abc = useArtByCity()
 const size = props.small ? 32 : 128
-const avatar = await abc.legacy.fetchAvatar(props.address)
-
+const {
+  data: avatar
+} = useLazyAsyncData(`avatar-${props.address}`, async () => {
+  return await abc.legacy.fetchAvatar(props.address)
+})
 </script>
diff --git a/pages/[profile]/index.vue b/pages/[profile]/index.vue
@@ -3,7 +3,7 @@
     <v-row>
       <v-col lg="2" offset-lg="1">
         <v-row class="mt-4" justify="center">
-          <Avatar :address="data.address" :small="false" />
+          <Avatar :address="data.address" />
         </v-row>
         <v-row class="mt-4 mb-1 mx-auto" justify="center">
           <template v-if="data.isProfileOfCurrentUser">