config.js

  
 const { description } = require('../../package.json');
module.exports = {
	/**
	 * Ref：https://v1.vuepress.vuejs.org/config/#title
	 */
	title: 'ITVSH Design System Dokumentation',
	/**
	 * Ref：https://v1.vuepress.vuejs.org/config/#description
	 */
	description: description,
	theme: 'nc-provider',
	/**
	 * Extra tags to be injected to the page HTML `<head>`
	 *
	 * ref：https://v1.vuepress.vuejs.org/config/#head
	 */
	head: [
		['link', { rel: 'icon', href: '/logo.png' }],
		['link', { rel: 'manifest', href: '/manifest.json' }],
		['meta', { name: 'theme-color', content: '#3A78B8' }],
		['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
		['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
		['link', { rel: 'apple-touch-icon', href: '/icons/apple-touch-icon-152x152.png' }],
		['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3A78B8' }],
		[
			'meta',
			{ name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' },
		],
		['meta', { name: 'msapplication-TileColor', content: '#000000' }],
		['script', { src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js' }],
	],
	module: {
		rules: [
			{
				test: /\.s[ac]ss$/i,
				use: [
					'style-loader',
					'css-loader',
					{
						loader: 'sass-loader',
						options: {
							// Prefer `dart-sass`
							implementation: require('sass'),
						},
					},
				],
			},
		],
	},
	locales: {
		// The key is the path for the locale to be nested under.
		// As a special case, the default locale can use '/' as its path.
		'/': {
			lang: 'de-DE', // this will be set as the lang attribute on <html>
			title: 'ITVSH Design System Dokumentation',
			description: description,
		},
	},
	plugins: [
		['@vuepress/plugin-back-to-top'],
		['@vuepress/plugin-medium-zoom'],
		[
			'@vuepress/pwa',
			{
				serviceWorker: true,
				popupComponent: 'SWUpdatePopup',
				updatePopup: {
					message: 'Neue Inhalte sind verfügbar.',
					buttonText: 'Aktualisieren',
				},