# Bối cảnh dự án cho Gemini

## Tổng quan

Đây là một ứng dụng web được xây dựng bằng Laravel và Vue.js. Nó bao gồm một hệ thống blog và một diễn đàn thảo luận.

## Công nghệ

### Backend

*   **Framework:** Laravel 12
*   **Ngôn ngữ:** PHP 8.2
*   **Các gói chính:**
    *   `inertiajs/inertia-laravel`: Xây dựng các ứng dụng single-page (SPA) hiện đại.
    *   `spatie/laravel-permission`: Quản lý vai trò và quyền của người dùng.
    *   `tightenco/ziggy`: Sử dụng các route được đặt tên của Laravel trong JavaScript.

### Frontend

*   **Framework:** Vue.js 3
*   **Ngôn ngữ:** TypeScript
*   **Styling:**
    *   Tailwind CSS
    *   Sass
*   **Các gói chính:**
    *   `@inertiajs/vue3`: Adapter Inertia.js cho Vue 3.
    *   `element-plus`: Thư viện component UI.
    *   `tiptap`: Trình soạn thảo văn bản đa dạng.
    *   `vite`: Công cụ build.

## Cấu trúc dự án

*   Ứng dụng Laravel tiêu chuẩn.
*   Các component Vue nằm trong `resources/js`.
*   Các route được định nghĩa trong `routes/web.php` và `routes/api.php`.
*   Render các component Vue thông qua Inertia.js.
*   Sử dụng cơ sở dữ liệu SQLite cho môi trường local.

## Chức năng chính

*   Hệ thống blog.
*   Diễn đàn thảo luận.
*   Xác thực và phân quyền người dùng.
*   Trang quản trị.