fix: getting rid some warning messages

components/shared/AudioMedia.vue

@@ -19,7 +19,6 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, withDefaults } from 'vue'
 import { useElementHover, watchDebounced } from '@vueuse/core'
 import { NeoImageMedia } from '@kodadot1/brick'
 

components/shared/modals/ModalWrapper.vue

@@ -45,19 +45,22 @@ import { NeoButton, NeoModal } from '@kodadot1/brick'
 
 const props = withDefaults(
   defineProps<{
-    label: string
+    label?: string
     title: string
     icon: string
     type?: string
-    expanded: boolean
-    isRight: boolean
+    expanded?: boolean
+    isRight?: boolean
     id: string
     isButtonHidden: boolean
   }>(),
   {
+    label: undefined,
     type: undefined,
     id: '',
     isButtonHidden: false,
+    isRight: false,
+    expanded: false,
   },
 )
 

libs/ui/src/components/MediaItem/type/ImageMedia.vue

@@ -40,8 +40,6 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, withDefaults } from 'vue'
-
 import TheImage from '../../TheImage/TheImage.vue'
 import type {
   ImageComponent,

libs/ui/src/components/TheImage/TheImage.vue

@@ -11,9 +11,7 @@ import type {
   ConcreteComponent,
   ImgHTMLAttributes,
   MethodOptions,
-  ReservedProps,
 } from 'vue'
-import { computed, withDefaults } from 'vue'
 
 export type ImageComponent =
   | 'img'
@@ -22,7 +20,7 @@ export type ImageComponent =
   | string
 export type ImageComponentProps = Record<string, unknown>
 
-interface Props extends /* @vue-ignore */ ImgHTMLAttributes, ReservedProps {
+interface Props extends /* @vue-ignore */ ImgHTMLAttributes {
   imageComponent?: ImageComponent
   imageComponentProps?: ImageComponentProps
 }

nuxt.config.ts

@@ -64,13 +64,15 @@ export default defineNuxtConfig({
               'date-fns/formatDistanceToNow',
               'keen-slider/vue',
               'lodash/camelCase',
+              'lodash/chunk',
               'lodash/filter',
               'lodash/groupBy',
               'lodash/isEqual',
               'lodash/orderBy',
               'lodash/sortBy',
               'lodash/sum',
               'lodash/unionBy',
+              'lodash/uniqBy',
               'lodash/zipWith',
               'markdown-it',
               'partysocket',
@@ -84,6 +86,7 @@ export default defineNuxtConfig({
               'lodash',
               'jdenticon',
               'gql.tada',
+              'viem',
               'viem/chains',
               '@web3modal/wagmi/vue',
               '@wagmi/core',

package.json

@@ -74,7 +74,7 @@
     "@polkadot/ui-settings": "^3.6.6",
     "@polkadot/util": "^12.6.2",
     "@polkadot/util-crypto": "^12.6.2",
-    "@polkadot/vue-identicon": "^3.6.6",
+    "@polkadot/vue-identicon": "^3.11.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "@tanstack/vue-query": "^5.56.2",
     "@transak/transak-sdk": "^1.4.1",
@@ -148,5 +148,10 @@
   },
   "resolutions": {
     "@apollo/federation": "0.38.1"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@polkadot/[email protected]": "patches/@[email protected]"
+    }
   }
 }

patches/@polkadot__vue-identicon@3.11.3.patch

@@ -0,0 +1,13 @@
+diff --git a/Identicon.js b/Identicon.js
+index 18ac195b5fd0adfe10aa1e69ef5715e32be3ad2d..24f446e967cd089c930a405503aacb4021238370 100644
+--- a/Identicon.js
++++ b/Identicon.js
+@@ -97,7 +97,7 @@ export const Identicon = defineComponent({
+                     key: address,
+                     size: iconSize
+                 })
+-            }, []);
++            }, () => []);
+         }
+         else {
+             return h(cmp, {}, []);