Dated. Great tutorial but needs updates

[eharvey71]

Has anyone converted this to use the latest Vue 3 and Amplify in 2023? Seems like a good tutorial but has become quickly dated due to major changes with both Vue and Amplify. I thought it would be good to refactor the code but I'm running into issues due to the lack of Amplify documentation -- mostly with authentication.

Has anyone been able to refactor this code with the following:

• Latest Authenticator configuration option component from AWS: https://ui.docs.amplify.aws/vue/connected-components/authenticator/configuration. There are still no good examples of full apps using this component that aren't dated.
• Is it necessary to use the Hub eventing system? Or is there another way to ensure/check auth across routes/album pages? It's not clear in the authenticator doc if that is true. https://docs.amplify.aws/lib/utilities/hub/q/platform/js/
• Pinia -- as opposed to Vuex.
• GraphQL Transformer v2 - 'amplify push' fails because this uses GraphQL transformer v1. Now we're using v2, so I used this doc:
  https://docs.amplify.aws/cli/migration/transformer-migration/#relationship-mappingconnection-changes
  ... and changed the @connection parameters to @hasmany. I'm not certain I've done this correctly because again we're not seeing a lot of new documentation on this.

Again, great tutorial. Please help make this work in 2023! :)

[eharvey71]

Hi there. Just reaching out again to see if this will be updated / made modern?