gabcvit.github.io/vite.config.ts at main · gabcvit/gabcvit.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import VueRouter from 'unplugin-vue-router/vite'
import { resolve } from 'node:path'
import fs from 'fs-extra'
import matter from 'gray-matter'
import Markdown from 'unplugin-vue-markdown/vite'
import Components from 'unplugin-vue-components/vite'
import AutoImport from 'unplugin-auto-import/vite'
import { VueRouterAutoImports } from 'unplugin-vue-router'
import Sitemap from 'vite-plugin-sitemap'

export default defineConfig({
  resolve: {
    alias: [
      { find: '@/', replacement: `${resolve(__dirname, 'src')}/` },
    ],
  },
  optimizeDeps: {
    include: [
      'vue',
      'vue-router',
    ],
  },
  plugins: [
    VueRouter({
      extensions: ['.vue', '.md'],
      routesFolder: [
        {
          src: 'pages',
          path: '',
        }
      ],
      extendRoute(route) {
        const path = route.components.get('default')
        if (!path)
          return

        if (!path.includes('projects.md') && path.endsWith('.md')) {
          const { data } = matter(fs.readFileSync(path, 'utf-8'))
          route.addToMeta({
            headerMatter: data,
          })
        }
      },
    }),

    Vue({
      include: [/\.vue$/, /\.md$/],
    }),

    Markdown({
      headEnabled: true,
      wrapperClasses: (id, code) => {
        return code.includes('@layout-animated-content-wrapper') ? 'animated-content-wrapper' : ''
      },
    }),

    AutoImport({
      imports: [
        'vue',
        VueRouterAutoImports,
      ],
      dirs: [
        'src',
      ]
    }),

    Components({
      extensions: ['vue', 'md'],
      dts: true,
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
    }),
    Sitemap({
      hostname: 'https://gabcvit.dev',
      dynamicRoutes: [
        '/',
        '/resume',
        '/portfolio',
        '/blog',
      ],
      exclude: [
        '/birth-chart',
      ],
      priority: {
        '/': 1.0,
        '/resume': 0.9,
        '/portfolio': 0.9,
        '/blog': 0.9,
      },
      lastmod: new Date(),
      robots: [{
        userAgent: '*',
        disallow: [
          '/birth-chart',
        ],
        allow: '/',
      }],
    }),
  ],
  ssgOptions: {
    formatting: 'minify',
  },
});