Requirements

Goal Learn How modules work in JS, DOM manipulation by adding listeners to your elements.

Do all your work on your folder, PR that manipulates the main index will be rejected.
Only expose the main div of your page in foldername/index.ts
Create 2 Buttons
Button 1(Counter) - Should be a reactive element when clicked it would output the value of the 'clicked 69 times'
Button 2(Toggle Vite) -, should display the vite logo from the public directory and also hides it if its displayed
Listen to Events
Create a form the has password input and a submit button
Another button outside the form should trigger the password type
Show the typescript logo if the count value is even and remove it if its not.

Auth Feature

Export 3 more Pages from your index.ts you should name them LoginPage SignOut dashboard.
After Exposing check our main.ts and uncomment imports that points to your index.ts
Start refactoring your code as your index will now reach more than 150 Lines of code, seperate the functionality of each pages.
In Register page use the toogle password visibility you just learned to create, and use it in both password and confirm password.
The main.ts will expose a usersDb variable, append the valid values of registration there.
Your login will also check the values within the usersDb content.

Your routes includes your username e.g /daydreamer/login /daydreamer/register /daydreamer/dashboard