SIMRS - FE

RSSA - Front End

Framework Guide

• Vue Style Guide
• Nuxt Style Guide

Configuration

• nuxt.config.ts
  Nuxt configuration file
• .env
  Some environment variables

Directory Structure for ./app

• app.vue
  Main layout
• components : Contains all the components that are used in the app.
• components/flows : related to business flows.
• components/app : components that are used for common purpose.
• components/pub : components that are used for common purpose.
• composables : Contains all the composables/scripts that are used in the app.
• layouts : to extract common UI patterns into reusable layouts accross the app

Directory Structure for ./app/pages

• ./app/pages/auth : pages for auth.
• ./app/pages/(features) : grouping features related to business flows.

Workflows

The basic workflow has the following steps: