Skip to content

jorgevrgs/sails-hook-nuxt

Repository files navigation

sails-hook-nuxt - Nuxt for Sails.js v1

Installation

npm i sails-hook-nuxt

npm

Node.js Package

How to use

  • Create a config file config/nuxt.js with content module.exports.nuxt = {} with the content of your nuxt.config.js file. See Config section
  • Create a folder client in your Sails app path.
  • Use as usual to set there the Nuxt files, i.e. client/pages/index.vue
  • Run the Sails app with sails lift.
  • Open your server in the browser http://localhost:1337
  • To avoid building Nuxt for other scripts disable the hook setting at .sailsrcwith the value "{ hooks: {"nuxt": false} } or the env variable, i.e. sails_hooks__nuxt=false sails run rebuild-cloud-sdk.

Check the example folder for more info.

Config

Default

The default configuration sets only the value of srcDir to client/ folder.

module.exports = {
  srcDir: 'client'
}

Sails config

Create a config/nuxt file:

module.exports.nuxt = {
  // ... nuxt.config.js content
};

Nuxt.config.js

Alternatively, to preserve the nuxt.config.js file:

Create a nuxt.config.js file

// nuxt.config.js
module.exports = {
  // ... confing content
};
// config/nuxt.js
module.exports.nuxt = require('../nuxt.config');

Eslint

Configure your eslint file in the cliente folder. Check example folder for more information.

npm i -D @nuxtjs/eslint-config

Create a file client/.eslintrc

{
  "extends": ["@nuxtjs"]
}