vuepress-plugin-photomap/lib/client/clientConfig.js

VuePress2插件，用于在文章中插入照片地图组件，类似Apple相册的PhotoMap功能

import { defineClientConfig } from '@vuepress/client';
import { defineAsyncComponent } from 'vue';
// 导入样式
import 'maplibre-gl/dist/maplibre-gl.css';
import 'photoswipe/style.css';
import './styles/photomap.scss';
export default defineClientConfig({
    enhance({ app }) {
        // 使用异步组件避免导入问题
        app.component('PhotoMap', defineAsyncComponent(() => import('./components/PhotoMap.vue')));
    },
    setup() {
        // 将插件配置设置为全局变量
        if (typeof window !== 'undefined') {
            // 从编译时定义的变量获取配置
            const photoMapOptions = typeof __PHOTOMAP_OPTIONS__ !== 'undefined' ? __PHOTOMAP_OPTIONS__ : {};
            window.__VUEPRESS_PHOTOMAP_CONFIG__ = photoMapOptions;
        }
    }
});