FeedMe Brand App - Merchant

This project is a Vue 3-based application for merchants to manage their business mini-programs.

Independent Mini Program v2 entry

The order_miniprogram_v2 business flag controls visibility of the "Try new version of Miniprogram" banner at the top of the Brandkit page, and can be toggled per business via its Flagsmith identity (business-{id}). Its action opens the independent /miniprogram-v2 ecosystem in the same tab, preserving the selected business, country and restaurant. Standalone merchant development falls back to the matching environment's Portal URL when the host route is absent.

Keep /brand/miniprogram-workspace as a permission-gated compatibility route: the runtime MiniprogramWorkspace export redirects historical links to the new workspace. The v2 microfrontend owns this redirect and its own sidebar, while the Portal host continues to own authentication, merchant selection and the top bar. Brand Kit, v1 Builder and legacy settings remain available here.

Recommended IDE Setup

VSCode + Vue - Official + Prettier

Project Setup

Install dependencies:

pnpm install

Serve the Application

To serve the application locally, use one of the following commands:

• Development Mode:

  pnpm dev
  

  This will start the app in development mode.

• Production Mode (Local Debug):

  pnpm prod
  

  This will start the app in a local production-like environment.

Access the Application

After serving the application, navigate to:

http://localhost:4000

Type-Check, Compile, and Minify for Production

pnpm build

Recommended Editor Settings

To ensure consistent formatting, add the following settings to your editor configuration:

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}