chamesu/packages/frontend/ui/nuxt.config.js

This package contains all packages of the chat application.

/*
 * Copyright (c) 2022-2022.
 * Author Peter Placzek (tada5hi)
 * For the full copyright and license information,
 * view the LICENSE file that was distributed with this source code.
 */

import {TsconfigPathsPlugin} from "tsconfig-paths-webpack-plugin";

const config = {
    publicRuntimeConfig() {
        return {
            socketUrl: process.env.SOCKET_URL || 'https://zesa.tada5hi.net/api/',
            apiUrl: process.env.API_URL || 'https://zesa.tada5hi.net/api/',
        }
    },
    env: {
        socketUrl: process.env.SOCKET_URL || 'https://zesa.tada5hi.net/api/',
        authApiUrl: process.env.API_URL || 'https://zesa.tada5hi.net/api/',
    },
    telemetry: false,
    ssr: true,
    /*
    ** Headers of the page
    */
    head: {
        title: 'ChaMesu - Deine Chatapp',
        meta: [
            { charset: 'utf-8' },
            { name: 'viewport', content: 'width=device-width, initial-scale=1' },
            { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
        ],
        link: [
            { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
        ]
    },
    /*
    ** Customize the progress-bar color
    */
    loading: { color: '#fff' },
    /*
    ** Global CSS
    */
    css: [
        '@fortawesome/fontawesome-free/css/all.css',
        //'bootstrap/dist/css/bootstrap.min.css',
        //'bootstrap-vue/dist/bootstrap-vue.css',
        'vue-advanced-cropper/dist/style.css',
        '@/assets/css/bootstrap/core.scss',
        '@/assets/css/bootstrap/override.css',
        '@/assets/css/root.css',
        '@/assets/css/core/header.css',
        '@/assets/css/core/navbar.css',
        '@/assets/css/core/body.css',
        '@/assets/css/core/sidebar.css',
        '@/assets/css/core/footer.css',
        '@/assets/css/card.css',

        '@/assets/css/form.css',


    ],
    /*
    ** Plugins to load before mounting the App
    */
    plugins: [
        '@/plugins/api',
        '@/plugins/security',
        '@/plugins/store',
        '@/plugins/auth',
        '@/plugins/socket',
        '@/plugins/chat',
        '@/plugins/app.client',

        '@/plugins/vuelidate',
        '@/plugins/vueScroll',
        '@/plugins/vueTimeAgo',

        '@/plugins/vue'
    ],
    /*
    ** Nuxt.js dev-modules
    */
    buildModules: [
        // Doc: https://github.com/nuxt-community/eslint-module
        //'@nuxtjs/eslint-module'
        '@nuxt/typescript-build',
        '@nuxtjs/google-fonts',
        '@nuxtjs/pwa'
    ],
    googleFonts: {
        families: {
            'Asap': true,
            'Nunito': true
        }
    },
    pwa: {
        manifest: {
            name: 'Chamesu - Deine Chatapp',
            short_name: 'Chamesu',
            lang: 'de',
            useWebmanifestExtension: false,
            display: 'standalone'
        },
        icon: {
            source: 'static/icon.png',
            fileName: 'icon.png'
        },
        workbox: {
            enabled: false
        }
    },
    /*
    ** Nuxt.js modules
    */
    modules: [
        // Doc: https://bootstrap-vue.js.org
        'bootstrap-vue/nuxt',
        // Doc: https://github.com/nuxt-community/dotenv-module
        '@nuxtjs/dotenv',
    ],
    bootstrapVue: {
        bootstrapCss: false,
        bootstrapVueCss: false
    },

    router: {
        //base: '.',
        middleware: ['auth', 'layout']
    },
    rules: [
        {
            test: /\.s[ac]ss$/i,
            use: ['style-loader','css-loader','sass-loader'],
        }
    ],
    build: {
        extend(config, ctx) {
            if (!config.resolve) {
                config.resolve = {};
            }

            if(!config.resolve.alias) {
                config.resolve.alias = {};
            }

            if (!config.resolve.plugins) {
                config.resolve.plugins = [];
            }

            config.resolve.plugins.push(new TsconfigPathsPlugin({configFile: "./tsconfig.json"}));
        }
    }
}

module.exports = config;