CCTE RapidTox Nuxt 3/4

Look at the Nuxt 3 documentation to learn more.

Also check out Vue 3 documentation, Nuxt 3 is built on Vue 3.

Included Features

• ESLint, lint-staged, Husky for enforcing linting all files on commit.

• @pinia/nuxt to allow use of Pinia for state management/data stores.

• @formkit/auto-animate for transitions.

• @vueuse/nuxt module for VueUse

• ag-grid-enterprise vue3

• Bootstrap 5.2.3 configured as a Nuxt plugin and Bootstrap-icons .

• primevue Vue3 component library with nuxt-primevue module integration.

• Nuxt-security OWASP based security module.

• Vue 3, Nuxt 3 is built on Vue 3.

• Axe-vue for interactivly checking 508 compliance.

• nuxt-devtools in browser dev tools for nuxt.

Possible Issues

• User has reported javascript heap out of memory.

Setup

• To setup: create a directory in your dev environment called "RT" or a name of your choice.

• Clone https://github.com/USEPA/rapidtox-frontend.git into this directory

• cd into rapidtox-frontend.

• Create a new file named .env.

• Copy contents of .env_template to .env.

• If you are running this for cypress please change following environment variables

  • ENABLE_DEV_MODE = FALSE to ENABLE_DEV_MODE = TRUE
  • Modify DEV_MODE_USERNAME to the desired username for the session.

• Run yarn install.

Make sure to install the dependencies:

# yarn

yarn  install

  

# npm

npm  install

  

# pnpm

pnpm  install

  

# bun

bun  install

Development Server

• cd into rapidtox-frontend

• port can be changed in local package.json or override in the yarn dev call using yarn dev --port

Start the development server on http://localhost:3000:

# npm

npm  run  dev

  

# pnpm

pnpm  run  dev

  

# yarn

yarn  dev

  

# bun

bun  run  dev

Production

Build the application for production:

# npm

npm  run  build

  

# pnpm

pnpm  run  build

  

# yarn

yarn  build

  

# bun

bun  run  build

Locally preview production build:

# npm

npm  run  preview

  

# pnpm

pnpm  run  preview

  

# yarn

yarn  preview

  

# bun

bun  run  preview

Check out the deployment documentation for more information.

Disclaimer:

The United States Environmental Protection Agency (EPA) GitHub project code is provided on an "as is" basis and the user assumes responsibility for its use. EPA has relinquished control of the information and no longer has responsibility to protect the integrity, confidentiality, or availability of the information. Any reference to specific commercial products, processes, or services by service mark, trademark, manufacturer, or otherwise, does not constitute or imply their endorsement, recommendation or favoring by EPA. The EPA seal and logo shall not be used in any manner to imply endorsement of any commercial product or activity by EPA or the United States Government.