99 icon =" ghost"
1010 ></b-icon >
1111 <a :href =" `https://kusama.subscan.io/account/${id}`" target =" _blank"
12- ><Identity ref = " identity " :address =" id" :inline =" true"
12+ ><Identity :address =" id" :inline =" true"
1313 /></a >
1414 </p >
1515 <Sharing v-if =" !sharingVisible" label =" Check this awesome Profile on %23KusamaNetwork %23KodaDot" :iframe =" iframeSettings" />
3232</template >
3333
3434<script lang="ts">
35- import { Component , Vue } from ' vue-property-decorator' ;
35+ import { Component , Prop , Vue , Watch } from ' vue-property-decorator' ;
3636import { getInstance } from ' @/components/rmrk/service/RmrkService' ;
3737import { notificationTypes , showNotification } from ' @/utils/notification' ;
3838import {
3939 defaultSortBy ,
4040 sanitizeObjectArray
4141} from ' @/components/rmrk/utils' ;
4242import {
43+ Collection ,
4344 CollectionWithMeta ,
4445 NFTWithMeta ,
4546 Pack
@@ -55,23 +56,7 @@ const components = {
5556
5657const eq = (tab : string ) => (el : string ) => tab === el
5758
58- @Component <Profile >({
59- components ,
60- metaInfo() {
61- return {
62- meta: [
63- { property: ' og:title' , content: this .name },
64- { property: ' og:type' , content: ' website' },
65- { property: ' og:image' , vmid: ' og:image' , content: this .firstNFT as string },
66- { property: ' og:video' , vmid: ' og:video' , content: this .firstNFT as string },
67- { property: ' twitter:title' , content: this .name },
68- { property: ' twitter:image' , vmid: ' twitter:image' , content: this .firstNFT as string },
69- { property: ' twitter:card' , content: ' summary_large_image' },
70- ]
71- };
72- },
73-
74- })
59+ @Component ({ components })
7560export default class Profile extends Vue {
7661 public activeTab: string = ' nft' ;
7762 protected id: string = ' ' ;
@@ -141,6 +126,7 @@ export default class Profile extends Vue {
141126 this .activeTab = this .$route .params .tab ;
142127 }
143128 }
129+
144130}
145131 </script >
146132
0 commit comments