Merge pull request #11539 from kodadot/fix--install-mdi-icons-locally

fix: install mdi icons locally

Author: vikiival

package.json

@@ -114,9 +114,10 @@
   "devDependencies": {
     "@0no-co/graphqlsp": "^1.12.14",
     "@dargmuesli/nuxt-cookie-control": "^7.5.1",
+    "@iconify-json/mdi": "^1.2.3",
     "@nuxt/content": "^2.13.2",
     "@nuxt/eslint": "^0.3.13",
-    "@nuxt/icon": "1.10.3",
+    "@nuxt/icon": "^1.12.0",
     "@nuxt/types": "^2.18.1",
     "@nuxtjs/color-mode": "^3.5.1",
     "@nuxtjs/device": "^3.2.2",

…drop-checker/[chain]/[collection-id].vue …es/drop-checker/[chain]/[collection].vuepages/drop-checker/[chain]/[collection-id].vue renamed to pages/drop-checker/[chain]/[collection].vue pages/drop-checker/[chain]/[collection-id].vue renamed to pages/drop-checker/[chain]/[collection].vue

@@ -200,19 +200,19 @@
                 <td class="align-middle">
                   <div v-if="drop[0] === 'image' || drop[0] === 'banner'">
                     <img
-                      :src="sanitizeIpfsUrl(drop[1].toString())"
+                      :src="sanitizeIpfsUrl(drop[1]?.toString())"
                       width="100"
                     >
                   </div>
                   <div v-else-if="drop[0] === 'content'">
                     <iframe
-                      :src="sanitizeIpfsUrl(drop[1].toString())"
+                      :src="sanitizeIpfsUrl(drop[1]?.toString())"
                       frameborder="0"
                       title="genart"
                     />
                   </div>
                   <div v-else-if="drop[0] === 'price'">
-                    : {{ formatAmountWithRound(drop[1].toString(), decimals) }}
+                    : {{ formatAmountWithRound(drop[1]?.toString() || '', decimals) }}
                     {{ chainSymbol }}
                   </div>
                   <div v-else>
@@ -316,7 +316,7 @@ import { formatAmountWithRound } from '@/utils/format/balance'
 
 const { params } = useRoute()
 const chain = params.chain.toString()
-const collectionId = params['collectionid'].toString()
+const collectionId = params.collection.toString()
 
 const { chainSymbol, decimals } = useChain()