@startuml

[App] as app
[VueRouter] as router
[NavbarComponent] as navbar
[LoginPage] as login_page
[SubscriptionsPage] as abo_page
[EpisodesPage] as episodes_page
[SettingsPage] as settings_page
[ForgotPasswordPage] as forgot_page
[ResetPasswordPage] as reset_page
note top 
    Wird in der E-Mail zum Zurücksetzen des Passworts mit dem JWT-Token verlinkt. 
    Sendet das alte und neue Passwort und den JWT an die API. 
end note
[RegistrationPage] as registration_page

[SubscriptionComponent] as sub
[EpisodeComponent] as episode
[LastUpdateComponent] as last_update
[PasswordValidatorComponent] as password

app --> router

app --> navbar
router --> login_page
router --> forgot_page
router --> reset_page
router --> registration_page
router --> abo_page
router --> episodes_page
router --> settings_page

navbar -[hidden] router

episodes_page -[hidden] abo_page
login_page -[hidden] forgot_page
registration_page -[hidden] reset_page
abo_page -[hidden] settings_page
forgot_page -[hidden] episodes_page
' forgot_page -[hidden] settings_page

abo_page --> sub
episodes_page --> episode

sub --> last_update
episode --> last_update

settings_page --> password
reset_page --> password
registration_page --> password

@enduml