🔧 vue3 composition

[roiLeo]

• part of Reduce using nuxt-property-decorator and use composition API #4750
• <Layout />
• <UserGainHistory />
• <Interface />
• <PriceRange />
• <StatsColumn />

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	d766f7f
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64d4d681e9197000087be7ba
😎 Deploy Preview	https://deploy-preview-6649--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.

[codeclimate]

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

View more on Code Climate.

[reviewpad]

AI-Generated Summary: This pull request includes changes in five vue files, mainly updating them to use Vue3 Composition API.

The first is Interface.vue, where the component is refactored from nuxt-property-decorator to Vue3 Composable API logic, with parts of the template also updated.

Similarly, UserGainHistory.vue is refactored to use Vue3 Composition API, with updates to the components and props.

PriceRange.vue is also modified to use Vue3 Composition API and useRoute, useChain functions with updates to the props and computed properties.

The update also includes refactoring of StatsColumn.vue and Layout.vue. Components, props, computed properties are updated to useVue3 Composition API using defineProps(), ref(), computed(), defineEmits().

Overall, the patch focuses on updating Vue2 syntax and structure to Vue3, enhancing the readability and maintainability of the codebase.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
2.7% Duplication

[yangwao]

well cypress gone, I would merge it let's go