Nuxt Forms Layer

NOTE: This is personal forms setup and not necessarily intended for widespread use

Layer extended into barebones project

Checkout the repo SRCDEV Nuxt Forms being extended as layer into another Nuxt project

Setup

Make sure to install the dependencies:

npm install

Distributing your theme

Release it

CLI Prompt assisted release and versioning

npm run release

Install Nuxt Forms

npm install --save srcdev-nuxt-forms

Then add the dependency to their extends in nuxt.config:

defineNuxtConfig({
  extends: 'srcdev-nuxt-forms',
});

Development Server

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

npm dev

Browser https error

If you do not get a proceed to site ssl error, then you need to reset HSTS settings in browser

• Clearing all data for the site
• Click on the button to the left of the address bar
• Site settings
• Delete data
• Go to chrome://net-internals/#hsts and enter localhost into Delete domain security policies (or whichever domain you're having trouble with)
• Restart your browser

Production

Build the application for production:

npm build

Or statically generate it with:

npm generate

Locally preview production build:

npm preview

Themes

Styles exist for multiple themes/variants, primary, secondary, tertiary, error etc.

Colour scheme can be updated by modifying the css colour variables