\u003Cbr /> \u003Cimg width=\"502\" alt=\"Screen Shot 2022-03-25 at 2 57 18 PM\" src=\"https://user-images.githubusercontent.com/734428/160080618-1320d0f9-5674-4133-9a57-9fd7f6e77ce2.png\"> | **3m** \u003Cbr />\u003Cbr /> \u003Cimg width=\"498\" alt=\"Screen Shot 2022-03-25 at 2 54 50 PM\" src=\"https://user-images.githubusercontent.com/734428/160080718-4f3fad38-71e5-4793-a839-797a0f87b65e.png\">\r\nInstall Deps in Actions | [1m 25s](https://github.com/kodadot/nft-gallery/runs/5676422402?check_suite_focus=true#step:4:35) | [**28s**](https://github.com/kodadot/nft-gallery/runs/5687650302?check_suite_focus=true#step:6:467)\r\n\r\n\r\nimpressive time savings.\r\nCurious if you would be keen to write an article on how we've migrated from yarn to pnpm? \r\nSome people might find it interesting as we are still early! \r\nThis morning found friends deciding between npm and yarn 😅.\r\n\r\nWe are usually publishing at https://medium.com/kodadot :)\r\n\r\nIssue is reserved for @preschian \r\n\r\n_Originally posted by @yangwao in https://github.com/kodadot/nft-gallery/issues/2643#issuecomment-1078864547_\r\n\r\n### Ref \r\n- https://medium.com/pnpm/why-should-we-use-pnpm-75ca4bfe7d93#:~:text=pnpm%20is%20not%20only%20faster,them%20from%20the%20global%20store.\r\n- https://rushjs.io/pages/maintainer/package_managers/\r\n- https://blog.logrocket.com/javascript-package-managers-compared/\r\n- [What does make pnpm special?](https://twitter.com/moo9000/status/1507297097070043184)\r\n- PNPM is the only option that solves the [NPM doppelgangers](https://rushjs.io/pages/advanced/npm_doppelgangers/) problem. In a complex monorepo, doppelgangers sometimes cause a lot of trouble, so PNPM has an important advantage in this regard.\r\n- we can push KodaDot logo to https://pnpm.io/users",[1984,1987,1990],{"name":1985,"color":1986},"$$","0E8A16",{"name":1988,"color":1989},"p3","D4C5F9",{"name":1991,"color":1992},"A-writing-✍️","FBCA04",2671,"kodadot","nft-gallery","open","How we've migrated from yarn to pnpm","2023-05-18T11:23:54Z","https://github.com/kodadot/nft-gallery/issues/2671",0.7615992,{"description":2002,"labels":2003,"number":2011,"owner":1994,"repository":1995,"state":2012,"title":2013,"updated_at":2014,"url":2015,"score":2016},"@vikiival said it's bundled in @nuxt packages tho, let's review and remove unnecessary packages\r\n\r\nhttps://github.com/kodadot/nft-gallery/blob/main/package.json#L109\r\n\r\n```json\r\n \"@vue/cli-plugin-babel\": \"^3.12.1\",\r\n \"@vue/cli-plugin-pwa\": \"^4.5.15\",\r\n \"@vue/cli-plugin-typescript\": \"^4.5.15\",\r\n \"@vue/cli-service\": \"^4.5.15\",\r\n```\r\n\r\n### Ref\r\n- https://github.com/kodadot/nft-gallery/pull/2035",[2004,2006,2008],{"name":2005,"color":1986},"$",{"name":2007,"color":1989},"p2",{"name":2009,"color":2010},"🧹 - clean-up","FEC502",2037,"closed","Check if we need @vue/cli-plugin family ","2022-01-30T15:15:20Z","https://github.com/kodadot/nft-gallery/issues/2037",0.7210394,{"description":2018,"labels":2019,"number":2022,"owner":1994,"repository":1995,"state":2012,"title":2023,"updated_at":2024,"url":2025,"score":2026},"Seems would be nice to align the versions we are using with https://github.com/kodadot/packages/tree/main/sub-api to recent one \r\n\r\n\r\n",[2020,2021],{"name":2005,"color":1986},{"name":2007,"color":1989},4585,"Bump new @polkadot packages","2023-06-22T07:59:38Z","https://github.com/kodadot/nft-gallery/issues/4585",0.72752935,{"description":2028,"labels":2029,"number":2040,"owner":1994,"repository":1995,"state":2012,"title":2041,"updated_at":2042,"url":2043,"score":2044},"Seems we need to make ourselves bc dependabot did not generate PR after day so something is brutally stuck I bet.\r\n\r\n\r\n\r\ndismiss this one ? \r\n\r\nconflict apparently\r\n\r\ndismiss? \r\n\r\nconflict?\r\n\r\nconflict? \r\n\r\n\r\n\r\n",[2030,2031,2032,2035,2037],{"name":2005,"color":1986},{"name":2007,"color":1989},{"name":2033,"color":2034},"security","FDC309",{"name":2036,"color":1992},"A-nuxt",{"name":2038,"color":2039},"koda2","AB66CA",1084,"Dependabot alerts fix security warnings for main-nuxt November 2021","2021-11-22T14:32:08Z","https://github.com/kodadot/nft-gallery/issues/1084",0.7378373,{"description":2046,"labels":2047,"number":2056,"owner":1994,"repository":1995,"state":2012,"title":2057,"updated_at":2058,"url":2059,"score":2060},"It seems's Vite issue is resolved meanwhile? \r\n- https://github.com/nuxt/framework/issues/886\r\n\r\nIf yes, it would be nice to finally drop webpack and speed up stuff! :) \r\n\r\n> As webpack4 used by Nuxt is ancient (\"@types/webpack\": \"^4.41.32\") we want to upgrade anyway\r\n\r\n## Ref \r\n- https://github.com/kodadot/nft-gallery/blob/main/nuxt.config.js#L28\r\n- #1418 \r\n- #2692 \r\n- #2690 ",[2048,2049,2050,2051,2054],{"name":1985,"color":1986},{"name":2007,"color":1989},{"name":2036,"color":1992},{"name":2052,"color":2053},"hacktoberfest","CFBB38",{"name":2055,"color":1992},"A-vite",3908,"Migrate to vite on production","2023-06-01T14:25:00Z","https://github.com/kodadot/nft-gallery/issues/3908",0.7503811,{"description":2062,"labels":2063,"number":551,"owner":1994,"repository":1995,"state":2012,"title":2069,"updated_at":2070,"url":2071,"score":2072},"We should put the model viewer in work while browsing on a desktop while you switch to mobile\r\ni.e. https://twitter.com/modelviewer/status/1352304331358236672",[2064,2067],{"name":2065,"color":2066},"XR","C2D79C",{"name":2068,"color":1989},"p5","Having CX for AR from desktop to mobile","2024-01-26T16:12:51Z","https://github.com/kodadot/nft-gallery/issues/3",0.75145054,{"description":2074,"labels":2075,"number":2079,"owner":1994,"repository":1995,"state":2012,"title":2080,"updated_at":2081,"url":2082,"score":2083},"tried everything I could think of up to this point:\r\n- reinstalling pnpm\r\n- making sure I have same version as @vikiival (7.3.0)\r\n- deleting and cloning app again \r\n- turning off and on (everything 😆)\r\n- clean install from latest main [fork](/petersopko/nft-gallery)\r\n\r\ndoesn't build anyways. Anybody facing similar errors/got any idea how to get around this?\r\n\r\n```\r\n ERROR in ./node_modules/@substrate/smoldot-light/dist/mjs/index-browser.js friendly-errors 13:40:11 \r\n\r\nModule parse failed: Unexpected token (38:43) friendly-errors 13:40:11 \r\nFile was processed with these loaders:\r\n * ./node_modules/unplugin/dist/webpack/loaders/transform.js\r\n * ./node_modules/@open-wc/webpack-import-meta-loader/webpack-import-meta-loader.js\r\nYou may need an additional loader to handle the result of these loaders.\r\n| },\r\n| connect: (config) => {\r\n> return connect(config, options?.forbidWs || false, options?.forbidNonLocalWs || false, options?.forbidWss || false);\r\n| }\r\n| });\r\n friendly-errors 13:40:11 \r\n @ ./node_modules/@substrate/connect/dist/mjs/connector/smoldot-light.js 7:19-53\r\n @ ./node_modules/@substrate/connect/dist/mjs/connector/index.js\r\n @ ./node_modules/@substrate/connect/dist/mjs/index.js\r\n @ ./node_modules/@polkadot/rpc-provider/substrate-connect/ScProvider.js\r\n @ ./node_modules/@polkadot/rpc-provider/substrate-connect/index.js\r\n @ ./node_modules/@polkadot/rpc-provider/bundle.js\r\n @ ./node_modules/@polkadot/rpc-provider/index.js\r\n @ ./node_modules/@polkadot/api/bundle.js\r\n @ ./node_modules/@polkadot/api/index.js\r\n @ ./node_modules/@kodadot1/sub-api/dist/index.mjs\r\n @ ./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--44-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--46-0!./node_modules/babel-loader/lib??ref--0-0!./node_modules/@nuxt/webpack-edge/\r\nnode_modules/vue-loader/lib??vue-loader-options!./node_modules/unplugin-vue2-script-setup/node_modules/unplugin/dist/webpack/loaders/transform.js??ref--19-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--45-0!./components/unique/Collection/Item/CollectionItem.vue?vue&type=script&lang=ts&\r\n @ ./components/unique/Collection/Item/CollectionItem.vue?vue&type=script&lang=ts&\r\n @ ./components/unique/Collection/Item/CollectionItem.vue\r\n @ ./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--44-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--46-0!./node_modules/babel-loader/lib??ref--0-0!./node_modules/@nuxt/webpack-edge/\r\nnode_modules/vue-loader/lib??vue-loader-options!./node_modules/unplugin-vue2-script-setup/node_modules/unplugin/dist/webpack/loaders/transform.js??ref--19-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--45-0!./pages/statemine/collection/_id.vue?vue&type=script&lang=ts&\r\n @ ./pages/statemine/collection/_id.vue?vue&type=script&lang=ts&\r\n @ ./pages/statemine/collection/_id.vue\r\n @ ./.nuxt/router.js\r\n @ ./.nuxt/index.js\r\n @ ./.nuxt/client.js\r\n @ multi ./node_modules/@nuxt/bridge/dist/runtime/capi.plugin.mjs ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js\r\n\r\n```",[2076],{"name":2077,"color":2078},"🧙♀️ - bug-hunt","DC2653",3594,"can't build with latest main","2022-08-17T12:23:07Z","https://github.com/kodadot/nft-gallery/issues/3594",0.7524201,{"description":2085,"labels":2086,"number":2091,"owner":1994,"repository":1995,"state":2012,"title":2092,"updated_at":2093,"url":2094,"score":2095},"We are late like 23 days something and there is something we need to have and to have seamless update dependencies for incoming wallet integrations would be super nice! :)\r\n\r\n- https://github.com/kodadot/nft-gallery/pull/2367\r\n- https://github.com/kodadot/nft-gallery/pull/2357\r\n- https://github.com/kodadot/nft-gallery/pull/2356",[2087,2088],{"name":2005,"color":1986},{"name":2089,"color":2090},"p1","D93F0B",2393,"Tackle upcoming @polkadot updates","2022-03-12T12:50:54Z","https://github.com/kodadot/nft-gallery/issues/2393",0.75492275,{"description":2097,"labels":2098,"number":2103,"owner":1994,"repository":1995,"state":2012,"title":2104,"updated_at":2105,"url":2106,"score":2107},"- https://github.com/kodadot/nft-gallery/pull/3141\r\n- https://deploy-preview-3141--koda-nuxt.netlify.app/bsx/gallery/1768431620-2?page=1\r\n\r\n\u003Cimg width=\"696\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/173184712-d642be60-3b0e-4907-bf38-b1797618d21b.png\">\r\n",[2099,2100,2101],{"name":2005,"color":1986},{"name":2089,"color":2090},{"name":2102,"color":1992},"A-basilisk",3149,"Traits table seems broken","2022-06-11T16:15:50Z","https://github.com/kodadot/nft-gallery/issues/3149",0.7608002,{"description":2109,"labels":2110,"number":2115,"owner":1994,"repository":1995,"state":2012,"title":2116,"updated_at":2117,"url":2118,"score":2119},"yeah, we have https://discord.gg/kodadot and need some love\r\n\r\nI've used https://emoji.gg/emojis/rainbow to shop some emojis we have right now.\r\nI'll be looking on animated ones as well https://emoji.gg/category/8/animated\r\n\r\nIf you want to add emoji, bump @cryptodamsky tho, can assist\r\n\r\n",[2111,2112],{"name":2068,"color":1989},{"name":2113,"color":2114},"discord","1EEDAB",2090,"Pick rainbow emojis for our Discord ","2022-04-14T14:41:11Z","https://github.com/kodadot/nft-gallery/issues/2090",0.76299447,["Reactive",2121],{},["Set"],["ShallowReactive",2124],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"HAf21hPwTbfe816t8NZw4GAnFuNLDhehCv7Teg4FtJo":-1},"/kodadot/nft-gallery/1999"]