Refactor code for improved readability and organization

[roble]

This pull request refactors the resources/js/pages/Index.vue file to improve code readability, maintainability, and consistency, primarily through formatting, code style updates, and minor logic clarifications. There are no behavioral changes, but the code is now easier to read and maintain.

The most important changes include:

Code formatting and style consistency:

• Reformatted function calls, object literals, and arrow functions to use consistent indentation and line breaks, improving readability throughout the file. [1] [2] [3] [4] [5]
• Updated JSX/HTML templates to use consistent attribute and class formatting, making the structure clearer and easier to follow. [1] [2] [3] [4] [5] [6]

Minor logic clarifications:

• Used explicit arrow function parameter parentheses and improved conditional logic formatting for better clarity. [1] [2] [3]

No behavioral changes:

• All changes are non-functional and focused on code structure, style, and maintainability. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]

[Copilot]

Pull request overview

This PR refactors resources/js/pages/Index.vue to improve readability and consistency by reformatting script logic and restructuring template markup/attributes, while keeping the underlying feature set the same.

Changes:

• Reformatted router calls, watchers, and helper functions for more consistent indentation and line breaks.
• Reformatted template structure/attributes (buttons, empty state, grouped list, dialog) for clearer layout.
• Minor conditional/arrow function formatting clarifications in the vote/sort logic.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The downvote control is an icon-only <button> with no accessible name. Add an aria-label (and/or an sr-only text span) so screen readers can announce what the button does.