Setup

Requirements

you should install and config vuetify and axios before using this module.

Installation

Add vuetify-strapi-dashboard dependency to your project:

yarn add vuetify-strapi-dashboard

npm install vuetify-strapi-dashboard

Then add vuetify-strapi-dashboard to the modules in nuxt.config.js:

nuxt.config.js

{
  modules: [
    ['vuetify-strapi-dashboard']
  ],
}

you can check out all options here.

env file

the list of env parameters:

.env

API_URL=https://YOUR-API-URL-HERE
PORT=9200
BASE_URL=http://YOUR-NUXT-PORT
DESCRIPTION="meta description"
KEYWORDS="meta keywords"
TITLE="vuetify strapi dashboard"
SINGLE_TITLE="VSD"
FOOTER_TITLE= "VSD"
CRM_LOGO=/crm-logo.png
SYSTEM_LOGO=/system-logo.png # top of menu
LOADER=true
ENABLE_2FA=false
SPLASH=true
RECAPTCHAKEY=FROM_GOOGLE
LOGIN_URL=/auth/local
SHOW_USER=false

other options

auth and axios config

recommended config for axios and auth:

nuxt.config.js

const _ = require lodash;

export default { 
// ...
  axios: {
    changeOrigin: true,
    baseURL: 'http://your-api-server-here',
    debug: false
  },
  auth: {
    strategies: {
      admin: {
        _scheme: 'local',
        endpoints: {
          login: {url: _.get(process, 'env.LOGIN_URL', '/auth/local'), method: 'post', propertyName: 'jwt'},
          logout: {url: '/auth/logout', method: 'post'},
          user: {url: '/users/me', method: 'get'}
        },
        tokenRequired: true,
        tokenType: 'bearer',
        autoFetchUser: true
      }
    },
    redirect: {
      login: '/admin/auth',
      logout: '/admin/system/profile/logout',
      callback: '/admin/auth',
      home: '/admin'
    }
  },
  // ...
}

i18n options

create locale folder and these files there:

/locale/en.js
/locale/fa.js

and set i18n module option in nuxt.config.js like following:

nuxt.config.js

    ['nuxt-i18n',
      {
        vueI18nLoader: true,
        locales: [
          {code: 'en', iso: 'en-US', file: 'en.js', dir: 'ltr'},
          {code: 'fa', iso: 'fa-IR', file: 'fa.js', dir: 'rtl'}
        ],
        rtl: false,
        lazy: true,
        langDir: "locale/",
        defaultLocale: 'en'
      }
    ],

for more information please check out i18n module

recaptcha

add this options for nuxt-recaptcha module in nuxt.config.js like following:

nuxt.config.js

...

recaptcha: {
    siteKey: process.env.RECAPTCHAKEY,    // Site key for requests
    version: 3,     // Version
    size: 'invisible'        // Size: 'compact', 'normal', 'invisible' (v2)
  }
  ...

check out recaptcha module site for more information.