🔧 vue3 composition api pages

[roiLeo]

part of #4750

• remove ExperimentMixin
• vue3 composition /:prefix/collection/:id/activity page
• vue3 composition /:prefix/explore/items page
• vue3 composition /:prefix/explore/collectibles page
• vue3 composition /identity page
• vue3 composition /sustainibility page

edit: DRAFT doesn't work yet

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	331efd7
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64a2e5251a6a8a00086a9d00
😎 Deploy Preview	https://deploy-preview-6379--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 primarily revolves around the refactoring of Vue.js components in order to utilize Vue 3's Composition API. It involves modifications in the 'activity.vue' and 'items.vue' files located inside the '/pages/_prefix' directory. These changes involved removing the previous usage of Vue Class components syntax, replacing them with the Composition API's syntax to improve readability and maintainability of the code base.

Furthermore, one test case in 'media.cy.ts' was updated to remove a query parameter from the visit URL, implying a move away from dynamic testing based on this parameter.

Finally, the mixin 'experimentMixin.ts' was removed, signaling that the functionality it provided (deciding whether to test a redesigned version of the site) has been deprecated or replaced elsewhere in the code.

Overall, this suggests a shift towards consolidating functionality and making the code more direct and modern, following best practices for using Vue 3. The use of Composition API provides better re-usability, organization, and understanding of the code by developers. As with all refactors, proper testing is advised to ensure all functionalities work as expected after the modifications.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[codeclimate]

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

View more on Code Climate.

[vikiival]

Looks good sir

[prury]

did not find any strange behavior or different console warnings compared to canary on those pages

[prury]

As suggested by @roiLeo, i'm testing share preview on the modified pages

Problems encountered so far(telegram, discord):
https://deploy-preview-6379--koda-canary.netlify.app/bsx/collection/1194754914/activity

/sustainability works now, wasn't working on canary
/collectibles works now, wasn't working on canary
/items works now, wasn't working on canary
/identity works now, wasn't working on canary

[daiagi]

lgtm

[roiLeo]

As suggested by @roiLeo, i'm testing share preview on the modified pages

Problems encountered so far(telegram, discord): https://deploy-preview-6379--koda-canary.netlify.app/bsx/collection/1194754914/activity

I've made some test and it's not related with this PR, preview doesn't work for url starting with deploy-preview-...
Tested on https://deploy-preview-6380--koda-canary.netlify.app/bsx/collection/1194754914/activity

[prury]

I've made some test and it's not related with this PR, preview doesn't work for url starting with deploy-preview-... Tested on https://deploy-preview-6380--koda-canary.netlify.app/bsx/collection/1194754914/activity

Good to know! thank you

[roiLeo]

works well now