nuxt.config.ts

import Dotenv from 'dotenv';

Dotenv.config();

export default {
  // Server
  server: {
    host: '127.0.0.1',
    port: 80,
  },

  // Project
  srcDir: 'src/',
  components: [{ path: '~/components/app', prefix: 'app' }],
  head: {
    meta: [
      { charset: 'utf-8' },
      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
      { name: 'viewport', content: process.env.app_viewport },
      { name: 'keywords', content: 'NEXUS RENTAL PARTNER, NEXUS, RENTAL PARTNER' },
      { name: 'author', content: 'Daomtthuan' },
      { name: 'robots', content: 'index, follow, archive' },
      { hid: 'description', name: 'description', content: process.env.app_description },
      { property: 'st:section', content: process.env.app_description },
      { name: 'twitter:title', content: process.env.app_name },
      { name: 'twitter:description', content: process.env.app_description },
      { name: 'og:locale', content: 'ja_JP' },
      // { name: 'twitter:image', content:  },
      //og:image:width
      //og:image:height
      //og:image:secure_url
    ],
    title: process.env.app_name,
    titleTemplate: `${process.env.app_name} - %s`,
    noscript: [{ innerHTML: 'This website requires JavaScript.' }],
  },
  modules: ['@nuxtjs/pwa'],
  pwa: {
    meta: {
      viewport: process.env.app_viewport,
      name: process.env.app_name,
      author: process.env.app_author,
      description: process.env.app_description,
      theme_color: process.env.app_color,
      lang: process.env.app_language,
      ogHost: 'http://ctu-itclub.github.io/',
      //ogImage
      twitterCard: 'summary_large_image',
      nativeUI: true,
    },
    manifest: {
      name: process.env.app_name,
      description: process.env.app_description,
      lang: process.env.app_language,
      background_color: process.env.app_color,
      theme_color: process.env.app_color,
    },
  },

  // Build
  target: 'static',
  buildModules: ['@nuxt/typescript-build', '@nuxtjs/dotenv'],
  dotenv: {
    path: '~/../',
  },
  build: {
    babel: {
      presets: () => [['@nuxt/babel-preset-app', { loose: true }]],
    },
  },
};