HTML to Vue.js & Laravel Application Conversion

Convert HTML/CSS/JS template into a Laravel + Vue.js (SPA) application

What I Have:

Complete HTML, CSS, and JS template (already designed).

All assets (images, icons, CSS, JS).

What I Need:

Convert HTML pages to Vue components

Each HTML page should become a .vue component.
Example: dashboard.html → Dashboard.vue.
Example: settings.html → Settings.vue.
Setup Vue Router
Integrate with Laravel

Laravel serves as backend (Auth, API, database).

Vue is frontend (SPA).

Ensure authentication works with navigation guards.

Assets & Styling

Move CSS into resources/css/.

Place images/icons in public/images/ (or resources/images/ with Vite).

Build & Deployment

Project must run with:

npm run dev # frontend
php artisan serve # backend


Production build should work (npm run build).



Working Laravel + Vue SPA.

Each HTML page fully converted into a Vue component.

Router navigation working.

CSS/JS properly integrated (no broken styles).

Clear instructions on how to run in dev & prod.

MySQL (for database)