Create a Settings page component in Vue that allows users to manage their profile settings within our Decentralized Web App (DWA) starter.
π€ Background
We need to implement the Settings page for our Vue.js DWA starter, mirroring the functionality of the existing React implementation. This page should include a profile settings component and utilize Decentralized Resource Locator (DRL) functions for data management.
This is part of our larger project to create a Vue.js DWA starter. See our main issue here for the full context and list of all related tasks.
Important: For reference, please see the DWA React Vite starter app. While the implementation details will differ for Vue, this example provides a good overview of the structure and functionalities of a DWA.
π Tasks and Acceptance Criteria
[ ] Create a SettingsPage.vue component
[ ] Implement a ProfileSettings.vue component with the following features:
[ ] Display and edit user's display name
[ ] Upload and display user's avatar image
[ ] Save profile changes to the DWN (Decentralized Web Node)
Create settings page component - Vue
π Goal
Create a Settings page component in Vue that allows users to manage their profile settings within our Decentralized Web App (DWA) starter.
π€ Background
We need to implement the Settings page for our Vue.js DWA starter, mirroring the functionality of the existing React implementation. This page should include a profile settings component and utilize Decentralized Resource Locator (DRL) functions for data management.
π Tasks and Acceptance Criteria
SettingsPage.vue
componentProfileSettings.vue
component with the following features:drlFetchRecord
drlFetchRecordJson
drlReadProtocolUrl
drlReadProtocol
drlReadProtocolJson
π Resources
Getting Started
Questions?
If you have any questions or need clarification, please comment on this issue or join our Discord community.
Happy coding! π