@visualizevalue/mint-app-base 0.1.118 → 0.1.119

package/components/Token/Detail.client.vue

@@ -74,9 +74,7 @@ const { token } = defineProps<{
 const store = useOnchainStore()
 const collection = computed(() => store.collection(token.collection))
 
-const { defaultAmount, step } = useMintDefault()
-const mintCount = ref(String(defaultAmount.value))
-watch(defaultAmount, (v) => { mintCount.value = String(v) })
+const { defaultAmount, mintCount, step } = useMintDefault()
 const ownedBalance = computed(
   () => collection.value && store.tokenBalance(collection.value.address, token.tokenId),
 )

package/composables/collections.ts

@@ -376,6 +376,11 @@ export const useOnchainStore = () => {
           }
 
           this.collections[address].tokens[`${token.tokenId}`] = token
+
+          // Update latestTokenId if this token is newer than what's cached
+          if (tokenId > this.collections[address].latestTokenId) {
+            this.collections[address].latestTokenId = tokenId
+          }
         } catch (e) {
           // Retry 3 times
           if (tries < 3) {

package/composables/mintDefault.ts

@@ -25,5 +25,10 @@ export const useMintDefault = () => {
     return Math.max(1, Number(targetCents / unitPriceCents))
   })
 
-  return { defaultAmount, step }
+  // Persist across navigations so the value survives remounts
+  const mintCount = useState('mint-count', () => String(defaultAmount.value))
+
+  watch(defaultAmount, (v) => { mintCount.value = String(v) })
+
+  return { defaultAmount, mintCount, step }
 }

package/package.json

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

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

@@ -25,14 +25,7 @@ const maybeCheckBalance = async (force = false) => {
 }
 watch(isConnected, () => maybeCheckBalance(true))
 
-// Navigation guards
 onMounted(async () => {
-  if (collection.value.latestTokenId < tokenId.value) {
-    return navigateTo({ name: 'id-collection', params: { id: id.value, collection: collection.value.address }}, {
-      replace: true
-    })
-  }
-
   await maybeCheckBalance()
 })
 

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

@@ -22,6 +22,10 @@ const load = async () => {
     return navigateTo({ name: 'id-collection' }, { replace: true })
   }
 
+  if (!token.value) {
+    return navigateTo({ name: 'id-collection' }, { replace: true })
+  }
+
   loading.value = false
 }