directus/docs/.vuepress/theme/index.js

const path = require('path');

// Theme API.
module.exports = (options, ctx) => {
	const { themeConfig, siteConfig } = ctx;

	// resolve algolia
	const isAlgoliaSearch =
		themeConfig.algolia ||
		Object.keys((siteConfig.locales && themeConfig.locales) || {}).some((base) => themeConfig.locales[base].algolia);

	const enableSmoothScroll = themeConfig.smoothScroll === true;

	return {
		alias() {
			return {
				'@AlgoliaSearchBox': isAlgoliaSearch
					? path.resolve(__dirname, 'components/AlgoliaSearchBox.vue')
					: path.resolve(__dirname, 'noopModule.js'),
			};
		},

		plugins: [
			['@vuepress/active-header-links', options.activeHeaderLinks],
			'@vuepress/search',
			'@vuepress/plugin-nprogress',
			[
				'container',
				{
					type: 'tip',
					defaultTitle: {
						'/': 'TIP',
						'/zh/': '提示',
					},
				},
			],
			[
				'container',
				{
					type: 'warning',
					defaultTitle: {
						'/': 'WARNING',
						'/zh/': '注意',
					},
				},
			],
			[
				'container',
				{
					type: 'danger',
					defaultTitle: {
						'/': 'WARNING',
						'/zh/': '警告',
					},
				},
			],
			[
				'container',
				{
					type: 'details',
					before: (info) => `<details class="custom-block details">${info ? `<summary>${info}</summary>` : ''}\n`,
					after: () => '</details>\n',
				},
			],
			['smooth-scroll', enableSmoothScroll],
		],
	};
};