element-plus-nuxt/src/module.ts at d460210e4d0de6531eb8631171b3d56a750a6a74 · element-plus/element-plus-nuxt · 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
import { addPluginTemplate, addTemplate, defineNuxtModule } from '@nuxt/kit'
import { defaults, libraryName } from './config'
import {
  resolveCache,
  resolveComponents,
  resolveDirectives,
  resolveGlobalConfig,
  resolveBaseImports,
  resolveImports,
  resolveInjection,
  resolveOptions,
  resolveStyles,
  resolveTeleports,
  resolveThemes,
  resolveMethods,
  transformPlugin,
  localePlugin
} from './core/index'
import { getLayersDir } from './utils'
import type { ModuleOptions } from './types'
export type { ModuleOptions } from './types'

export default defineNuxtModule<ModuleOptions>({
  meta: {
    name: libraryName,
    configKey: 'elementPlus',
    compatibility: {
      nuxt: '>=3'
    }
  },
  defaults,
  setup (options, nuxt) {
    const layers = getLayersDir(nuxt.options._layers)

    // disable the `cache` option when building applications
    if (!nuxt.options.dev) {
      options.cache = false
    }

    resolveOptions(options)
    resolveThemes(options)
    resolveBaseImports(options)
    nuxt.options.imports.autoImport !== false && resolveImports(options)
    nuxt.options.components !== false && resolveComponents(options)
    options.cache && addTemplate(resolveCache(options))
    options.globalConfig && addPluginTemplate(resolveGlobalConfig(options))

    if (nuxt.options.ssr !== false) {
      addPluginTemplate(resolveInjection(options))
      addPluginTemplate(resolveTeleports(options))
      options.installMethods.length && addPluginTemplate(resolveMethods(options))
    }

    nuxt.hook('vite:extendConfig', (config, { isClient }) => {
      const mode = isClient ? 'client' : 'server'

      config.plugins = config.plugins || []
      config.plugins.push(transformPlugin.vite({
        layers,
        cache: options.cache,
        include: options.include,
        exclude: options.exclude,
        sourcemap: nuxt.options.sourcemap[mode],
        transformStyles: name => resolveStyles(options, name),
        transformDirectives: name => resolveDirectives(options, name)
      }))

      if (options.defaultLocale && options.defaultLocale !== 'en') {
        config.plugins.push(localePlugin.vite({
          sourcemap: nuxt.options.sourcemap[mode],
          locale: options.defaultLocale
        }))
      }
    })

    nuxt.hook('webpack:config', (configs) => {
      configs.forEach((config) => {
        const mode = config.name === 'client' ? 'client' : 'server'

        config.plugins = config.plugins || []
        config.plugins.push(transformPlugin.webpack({
          layers,
          cache: options.cache,
          include: options.include,
          exclude: options.exclude,
          sourcemap: nuxt.options.sourcemap[mode],
          transformStyles: name => resolveStyles(options, name),
          transformDirectives: name => resolveDirectives(options, name)
        }))

        if (options.defaultLocale && options.defaultLocale !== 'en') {
          config.plugins.push(localePlugin.webpack({
            sourcemap: nuxt.options.sourcemap[mode],
            locale: options.defaultLocale
          }))
        }
      })
    })
  }
})