@visualizevalue/mint-app-base 0.1.12 → 0.1.14

package/app/components/Profile/Header.client.vue

@@ -8,14 +8,16 @@
       <small v-if="copied">copied...</small>
       <small v-else-if="! hideAddress">{{ shortAddress(address) }}</small>
     </h1>
-    <p v-if="artist?.description">{{ artist.description }}</p>
+    <p v-if="description">{{ description }}</p>
 
-    <Actions v-if="hasTags">
-      <ButtonProfileWebsite :profile="artist" />
-      <ButtonProfileEmail :profile="artist" />
-      <ButtonProfileTwitter :profile="artist" />
-      <ButtonProfileGithub :profile="artist" />
-    </Actions>
+    <slot name="tags">
+      <Actions v-if="hasTags">
+        <ButtonProfileWebsite :profile="artist" />
+        <ButtonProfileEmail :profile="artist" />
+        <ButtonProfileTwitter :profile="artist" />
+        <ButtonProfileGithub :profile="artist" />
+      </Actions>
+    </slot>
   </header>
 </template>
 
@@ -28,6 +30,7 @@ const props = defineProps({
   address: String,
   avatar: String,
   name: String,
+  description: String,
   hideAddress: Boolean,
 })
 
@@ -38,6 +41,7 @@ const artist = computed(() => store.artist(props.address))
 const name = computed(() => props.name || artist.value?.ens || shortAddress(props.address))
 const artistAddress = computed(() => props.address)
 const { copy, copied } = useClipboard({ source: artistAddress })
+const description = computed(() => props.description || artist.value.description)
 
 const hasTags = computed(() => artist.value.url ||
   artist.value.email ||

package/app/components/TransactionFlow.vue

@@ -25,6 +25,7 @@
     <Actions v-if="step === 'chain'">
       <Button @click="cancel" class="secondary">Cancel</Button>
     </Actions>
+
     <Actions v-if="step === 'confirm' || step === 'error'">
       <Button @click="cancel" class="secondary">Cancel</Button>
       <Button @click="() => initializeRequest()">{{ text.action[step] || 'Execute' }}</Button>
@@ -34,7 +35,7 @@
 
 <script setup>
 import { useChainId } from '@wagmi/vue'
-import { waitForTransactionReceipt } from '@wagmi/core'
+import { waitForTransactionReceipt, watchChainId } from '@wagmi/core'
 const checkChain = useEnsureChainIdCheck()
 const chainId = useChainId()
 
@@ -69,14 +70,16 @@ const emit = defineEmits(['complete', 'cancel'])
 const open = ref(false)
 
 const switchChain = ref(false)
-watch(chainId, async () => {
-  if (! switchChain.value) return
+watchChainId($wagmi, {
+  async onChange() {
+    if (! switchChain.value) return
 
-  if (await checkChain()) {
-    switchChain.value = false
-    initializeRequest()
-  } else {
-    switchChain.value = true
+    if (await checkChain()) {
+      switchChain.value = false
+      initializeRequest()
+    } else {
+      switchChain.value = true
+    }
   }
 })
 

package/app/composables/chainId.ts

@@ -13,7 +13,7 @@ export const useEnsureChainIdCheck = () => {
 
   return async () => {
     if (chainId !== currentChainId.value) {
-      await switchChain({ chainId })
+      switchChain({ chainId })
     }
 
     if (chainId === currentChainId.value) {

package/app/composables/subdomain.ts

@@ -7,7 +7,7 @@ export const useArtistScope = () => {
   return creatorAddress || subdomain.value
 }
 
-export const useShowArtistInHeader = () => {
+export const useHideArtistInHeader = () => {
   const isMe = useIsMe()
   const scope = useArtistScope()
 

package/app/pages/[id]/[collection]/[tokenId]/index.vue

@@ -36,7 +36,7 @@ onMounted(async () => {
   await maybeCheckBalance()
 })
 
-const hideArtist = useShowArtistInHeader()
+const hideArtist = useHideArtistInHeader()
 const breadcrumb = computed(() => {
   const path = hideArtist.value ? [] : [
     {

package/app/pages/[id]/[collection]/index.vue

@@ -17,7 +17,7 @@ const collection = computed(() => props.collection)
 const id = useArtistId()
 const store = useOnchainStore()
 
-const hideArtist = useShowArtistInHeader()
+const hideArtist = useHideArtistInHeader()
 const breadcrumb = computed(() => {
   const path = hideArtist.value ? [] : [
     {

package/app/pages/[id]/index.vue

@@ -20,7 +20,8 @@ const id = useArtistId()
 const isMe = useIsMe()
 const store = useOnchainStore()
 
-const hideArtist = useShowArtistInHeader()
+const appTitle = useAppTitle()
+const hideArtist = useHideArtistInHeader()
 const breadcrumb = computed(() => {
   if (hideArtist.value) return []
 
@@ -32,7 +33,7 @@ const breadcrumb = computed(() => {
 })
 
 useMetaData({
-  title: store.displayName(id.value),
+  title: hideArtist.value ? appTitle.value : store.displayName(id.value),
 })
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visualizevalue/mint-app-base",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "type": "module",
   "main": "./nuxt.config.ts",
   "dependencies": {