useCssModule.ts — vue Source File

Architecture documentation for useCssModule.ts, a typescript file in the vue codebase. 2 imports, 0 dependents.

File typescript CompilerSFC StyleProcessor 2 imports 1 functions

Entity Profile

CompilerSFC→ StyleProcessor→ useCssModule.ts — vue Source File

Dependency Diagram

graph LR
  9fcee175_ab8d_e74c_35e3_8e0384ff40a2["useCssModule.ts"]
  2a298df2_21b8_7e5a_c372_51ba50c9d92d["index.ts"]
  9fcee175_ab8d_e74c_35e3_8e0384ff40a2 --> 2a298df2_21b8_7e5a_c372_51ba50c9d92d
  08d717e5_b9dd_701c_e7a2_51d83681d28a["currentInstance.ts"]
  9fcee175_ab8d_e74c_35e3_8e0384ff40a2 --> 08d717e5_b9dd_701c_e7a2_51d83681d28a
  style 9fcee175_ab8d_e74c_35e3_8e0384ff40a2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { emptyObject, warn } from '../../core/util'
import { currentInstance } from '../currentInstance'

export function useCssModule(name = '$style'): Record<string, string> {
  /* istanbul ignore else */
  if (!__GLOBAL__) {
    if (!currentInstance) {
      __DEV__ && warn(`useCssModule must be called inside setup()`)
      return emptyObject
    }
    const mod = currentInstance[name]
    if (!mod) {
      __DEV__ &&
        warn(`Current instance does not have CSS module named "${name}".`)
      return emptyObject
    }
    return mod as Record<string, string>
  } else {
    if (__DEV__) {
      warn(`useCssModule() is not supported in the global build.`)
    }
    return emptyObject
  }
}