Build UI

This guide explains how to build the frontend UI from our resources. Follow these steps to get started.

---

Step-by-Step Instructions

1. Navigate to the Project Folder Open your terminal and move to the frontend directory:

   cd [resource_name]/web

2. Install Dependencies Run the following command to install all required dependencies:

   pnpm install

3. Install Additional Tools Install Sass and Iconify, which are necessary for styling and icons:

   pnpm install -D sass-loader sass
   pnpm install --save-dev @iconify/vue

4. Start the Development Server To preview the UI and make changes, start the development server:

   pnpm dev

   Once the development server starts, a local URL (e.g., http://localhost:5173/) will appear in the terminal. Open this URL in your browser to preview the HUD.

---

Building the UI for Production

When you're ready to create the production build:

1. Run the following command to generate the optimized files:

   pnpm build

2. The built files will be generated in the dist/ folder located within the [resource_name]/web/ directory.

---

For further help, feel free to reach out via our Discord.

---