refactor(addressParser): to script setup composition api

[stephenjason89]

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Related with Reduce using nuxt-property-decorator and use composition API #4750
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at 769abca

Refactored the code for opening the shopping cart modal from the navbar. Moved the logic and configuration from ShoppingCartModalConfig.ts and ShoppingCartButton.vue to Navbar.vue to improve code organization and performance.

🤖 Generated by Copilot at 769abca

ShoppingCartButton
Simpler, no more emit -
Autumn leaves falling

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	3d60712
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64d767836adfd70007ae5f04
😎 Deploy Preview	https://deploy-preview-6687--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request refactors the AddressParser.vue component in the accounts module. The code now uses the script setup composition API of Vue 3. The @Component decorator, along with its property decorators, @Prop and @Emit, has been removed. Instead, the defineEmits and defineProps functions have been used to define component's props and emitted events. Furthermore, the handleInput function, which was previously a class method, has been transformed into a standalone function. This change results in a more concise and modern Vue.js component.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[codeclimate]

Code Climate has analyzed commit 3d60712 and detected 0 issues on this pull request.

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[yangwao]

this is highly sensitive stuff, recommend test this one well
cc @prury

[prury]

was able to input addresses properly ✔️
number of total addresses was correct ✔️
simple mint transferred the NFTs to addresses correctly ✔️
https://kusama.subscan.io/tx/0xaae93b4c05c6b9883e3804f08eb93402e60d202b90cb4c6137a1170400301eb8
https://kusama.subscan.io/tx/0xfd1a8ec25f3622e7cf852bd897cc93906766ad3f977cb6516f3258224c32fd70

[roiLeo]

✅ code lgtm, keep it up

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 5.03 USD/DOT ~ 9.94 $DOT
🧗 16UcV9V6nVvPYdHz98ymUKmNLkzjCEU5sbKJMi7hxYyTHjzR
🔗 0xf78c81721f516c292968082cc783aa5f7edbecf3ef6d6983e337222657bce808

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues