Frontend Routes and Pages

Nuxt routes are currently defined through Vue page files in the two layers.

Current page entry points

/

  • Source: vipr-frontend/layers/reflectometry/app/pages/index.vue

  • Layer: reflectometry

  • Role: main inference workspace

This page orchestrates the core workflow UI:

  • pipeline step configuration

  • prediction execution

  • results display

  • streaming dashboard

  • result configuration reloading

It depends heavily on reusable stores and composables from both layers, so it is documented as an application entry point rather than as a standalone API surface.

Why pages are documented separately

The current pages are Vue SFC orchestration shells:

  • they compose auto-imported stores and composables

  • they rely on Nuxt runtime context such as useNuxtApp, useI18n, and route-driven rendering

  • their public contract is the route itself, not a reusable function API

For that reason, the frontend documentation focuses on architecture and page responsibilities rather than generated API reference pages.

Planned route documentation growth

As the frontend grows, this section can be extended with:

  • page-level data-flow diagrams

  • route ownership per layer

  • major store/composable dependencies per page

  • cross-links to relevant architecture notes