Add interactive installer for dynamic installation instructions

[hthienloc]

Thêm tính năng cài đặt dựa vào tuỳ chỉnh

[gemini-code-assist]

Summary of Changes

Hello, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

Bản cập nhật này giới thiệu một công cụ cài đặt tương tác, cho phép người dùng tùy chỉnh hướng dẫn cài đặt dựa trên cấu hình hệ thống của họ. Mục tiêu là đơn giản hóa quá trình thiết lập, cung cấp các bước chính xác và phù hợp, từ đó nâng cao đáng kể trải nghiệm người dùng bằng cách loại bỏ sự cần thiết phải tìm kiếm thông tin thủ công cho các môi trường khác nhau.

Highlights

• Thêm tính năng cài đặt tương tác: Đã thêm một thành phần Vue mới, InteractiveInstaller.vue, cung cấp hướng dẫn cài đặt động dựa trên lựa chọn của người dùng về bản phân phối Linux, môi trường desktop/WM, phương thức cài đặt và shell.
• Tích hợp hướng dẫn cài đặt mới: Thành phần InteractiveInstaller đã được tích hợp vào trang Home.vue, thay thế hoàn toàn các phần hướng dẫn cài đặt và thiết lập tĩnh trước đây bằng một giao diện người dùng tương tác và linh hoạt hơn.
• Cập nhật các thành phần Element Plus: Đã thêm các thành phần Element Plus mới như ElOption, ElRadioButton, ElRadioGroup, và ElSelect vào components.d.ts để hỗ trợ giao diện người dùng tương tác của trình cài đặt.
• Tối ưu hóa mã nguồn và UI: Đã loại bỏ logic và các phần tử UI cũ liên quan đến hướng dẫn cài đặt và thiết lập tĩnh từ Home.vue, giúp tinh gọn mã nguồn và cải thiện trải nghiệm người dùng.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

Cảm ơn bạn đã đóng góp. Pull request này đã thêm một component InteractiveInstaller rất hữu ích để cung cấp hướng dẫn cài đặt động cho người dùng. Đây là một cải tiến lớn so với hướng dẫn tĩnh trước đây.

Tôi có một vài góp ý để cải thiện chất lượng code, chủ yếu tập trung vào việc tái cấu trúc để tăng khả năng bảo trì và sửa một vài lỗi nhỏ trong CSS. Cụ thể:

• Tách dữ liệu tĩnh ra khỏi component để làm cho code sạch sẽ hơn.
• Cải thiện logic trong computed property để giảm lặp code.
• Sửa các selector CSS không hợp lệ và loại bỏ code chết/trùng lặp.

Vui lòng xem các bình luận chi tiết bên dưới. Sau khi các vấn đề này được giải quyết, tôi nghĩ PR này sẽ sẵn sàng để merge.