vuejs · FauxFaux · May 6, 2020
diff --git a/lib/compileStyle.ts b/lib/compileStyle.ts
@@ -5,7 +5,7 @@ import scopedPlugin from './stylePlugins/scoped'
 import {
   processors,
   StylePreprocessor,
-  StylePreprocessorResults
+  StylePreprocessorResults,
 } from './styleProcessors'
 
 export interface StyleCompileOptions {
@@ -54,7 +54,7 @@ export function doCompileStyle(
     trim = true,
     preprocessLang,
     postcssOptions,
-    postcssPlugins
+    postcssPlugins,
   } = options
   const preprocessor = preprocessLang && processors[preprocessLang]
   const preProcessedSource = preprocessor && preprocess(options, preprocessor)
@@ -72,13 +72,13 @@ export function doCompileStyle(
   const postCSSOptions: ProcessOptions = {
     ...postcssOptions,
     to: filename,
-    from: filename
+    from: filename,
   }
   if (map) {
     postCSSOptions.map = {
       inline: false,
       annotation: false,
-      prev: map
+      prev: map,
     }
   }
 
@@ -98,15 +98,15 @@ export function doCompileStyle(
             code: result.css || '',
             map: result.map && result.map.toJSON(),
             errors,
-            rawResult: result
+            rawResult: result,
           })
         )
         .catch(
           (error: Error): StyleCompileResults => ({
             code: '',
             map: undefined,
             errors: [...errors, error.message],
-            rawResult: undefined
+            rawResult: undefined,
           })
         )
     }
@@ -122,7 +122,7 @@ export function doCompileStyle(
     code: code || ``,
     map: outMap && outMap.toJSON(),
     errors,
-    rawResult: result
+    rawResult: result,
   }
 }
 
@@ -135,7 +135,7 @@ function preprocess(
     options.map,
     Object.assign(
       {
-        filename: options.filename
+        filename: options.filename,
       },
       options.preprocessOptions
     )

diff --git a/lib/compileTemplate.ts b/lib/compileTemplate.ts
@@ -1,11 +1,11 @@
 import {
   VueTemplateCompiler,
   VueTemplateCompilerOptions,
-  ErrorWithRange
+  ErrorWithRange,
 } from './types'
 
 import assetUrlsModule, {
-  AssetURLOptions
+  AssetURLOptions,
 } from './templateCompilerModules/assetUrl'
 import srcsetModule from './templateCompilerModules/srcset'
 
@@ -43,7 +43,7 @@ export function compileTemplate(
   if (preprocessor) {
     return actuallyCompile(
       Object.assign({}, options, {
-        source: preprocess(options, preprocessor)
+        source: preprocess(options, preprocessor),
       })
     )
   } else if (preprocessLang) {
@@ -52,11 +52,11 @@ export function compileTemplate(
       code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
       source: options.source,
       tips: [
-        `Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`
+        `Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`,
       ],
       errors: [
-        `Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`
-      ]
+        `Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`,
+      ],
     }
   } else {
     return actuallyCompile(options)
@@ -71,7 +71,7 @@ function preprocess(
 
   const finalPreprocessOptions = Object.assign(
     {
-      filename
+      filename,
     },
     preprocessOptions
   )
@@ -106,7 +106,7 @@ function actuallyCompile(
     isProduction = process.env.NODE_ENV === 'production',
     isFunctional = false,
     optimizeSSR = false,
-    prettify = true
+    prettify = true,
   } = options
 
   const compile =
@@ -118,11 +118,11 @@ function actuallyCompile(
       transformAssetUrls === true
         ? assetUrlsModule()
         : assetUrlsModule(transformAssetUrls),
-      srcsetModule()
+      srcsetModule(),
     ]
     finalCompilerOptions = Object.assign({}, compilerOptions, {
       modules: [...builtInModules, ...(compilerOptions.modules || [])],
-      filename: options.filename
+      filename: options.filename,
     })
   }
 
@@ -137,13 +137,13 @@ function actuallyCompile(
       code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
       source,
       tips,
-      errors
+      errors,
     }
   } else {
     const finalTranspileOptions = Object.assign({}, transpileOptions, {
       transforms: Object.assign({}, transpileOptions.transforms, {
-        stripWithFunctional: isFunctional
-      })
+        stripWithFunctional: isFunctional,
+      }),
     })
 
     const toFunction = (code: string): string => {
@@ -173,7 +173,7 @@ function actuallyCompile(
         try {
           code = require('prettier').format(code, {
             semi: false,
-            parser: 'babel'
+            parser: 'babel',
           })
         } catch (e) {
           if (e.code === 'MODULE_NOT_FOUND') {
@@ -194,7 +194,7 @@ function actuallyCompile(
       code,
       source,
       tips,
-      errors
+      errors,
     }
   }
 }
diff --git a/lib/index.ts b/lib/index.ts
@@ -3,14 +3,14 @@ import { parse, SFCBlock, SFCCustomBlock, SFCDescriptor } from './parse'
 import {
   compileTemplate,
   TemplateCompileOptions,
-  TemplateCompileResult
+  TemplateCompileResult,
 } from './compileTemplate'
 
 import {
   compileStyle,
   compileStyleAsync,
   StyleCompileOptions,
-  StyleCompileResults
+  StyleCompileResults,
 } from './compileStyle'
 
 // API
@@ -24,5 +24,5 @@ export {
   TemplateCompileOptions,
   TemplateCompileResult,
   StyleCompileOptions,
-  StyleCompileResults
+  StyleCompileResults,
 }
diff --git a/lib/parse.ts b/lib/parse.ts
@@ -2,7 +2,7 @@ import { SourceMapGenerator } from 'source-map'
 import {
   RawSourceMap,
   VueTemplateCompiler,
-  VueTemplateCompilerParseOptions
+  VueTemplateCompilerParseOptions,
 } from './types'
 
 const hash = require('hash-sum')
@@ -50,7 +50,7 @@ export function parse(options: ParseOptions): SFCDescriptor {
     compiler,
     compilerParseOptions = { pad: 'line' } as VueTemplateCompilerParseOptions,
     sourceRoot = '',
-    needMap = true
+    needMap = true,
   } = options
   const cacheKey = hash(
     filename + source + JSON.stringify(compilerParseOptions)
@@ -69,7 +69,7 @@ export function parse(options: ParseOptions): SFCDescriptor {
       )
     }
     if (output.styles) {
-      output.styles.forEach(style => {
+      output.styles.forEach((style) => {
         if (!style.src) {
           style.map = generateSourceMap(
             filename,
@@ -95,15 +95,11 @@ function generateSourceMap(
 ): RawSourceMap {
   const map = new SourceMapGenerator({
     file: filename.replace(/\\/g, '/'),
-    sourceRoot: sourceRoot.replace(/\\/g, '/')
+    sourceRoot: sourceRoot.replace(/\\/g, '/'),
   })
   let offset = 0
   if (!pad) {
-    offset =
-      source
-        .split(generated)
-        .shift()!
-        .split(splitRE).length - 1
+    offset = source.split(generated).shift()!.split(splitRE).length - 1
   }
   map.setSourceContent(filename, source)
   generated.split(splitRE).forEach((line, index) => {
@@ -112,12 +108,12 @@ function generateSourceMap(
         source: filename,
         original: {
           line: index + 1 + offset,
-          column: 0
+          column: 0,
         },
         generated: {
           line: index + 1,
-          column: 0
-        }
+          column: 0,
+        },
       })
     }
   })

diff --git a/lib/stylePlugins/scoped.ts b/lib/stylePlugins/scoped.ts
@@ -60,7 +60,7 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
         selector.insertAfter(
           node,
           selectorParser.attribute({
-            attribute: id
+            attribute: id,
           })
         )
       })
@@ -72,21 +72,21 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
   // Caveat: this only works for keyframes and animation rules in the same
   // <style> element.
   if (Object.keys(keyframes).length) {
-    root.walkDecls(decl => {
+    root.walkDecls((decl) => {
       // individual animation-name declaration
       if (/^(-\w+-)?animation-name$/.test(decl.prop)) {
         decl.value = decl.value
           .split(',')
-          .map(v => keyframes[v.trim()] || v.trim())
+          .map((v) => keyframes[v.trim()] || v.trim())
           .join(',')
       }
       // shorthand
       if (/^(-\w+-)?animation$/.test(decl.prop)) {
         decl.value = decl.value
           .split(',')
-          .map(v => {
+          .map((v) => {
             const vals = v.trim().split(/\s+/)
-            const i = vals.findIndex(val => keyframes[val])
+            const i = vals.findIndex((val) => keyframes[val])
             if (i !== -1) {
               vals.splice(i, 1, keyframes[vals[i]])
               return vals.join(' ')

diff --git a/lib/styleProcessors/index.ts b/lib/styleProcessors/index.ts
@@ -26,7 +26,7 @@ const scss: StylePreprocessor = {
       data: source,
       file: options.filename,
       outFile: options.filename,
-      sourceMap: !!map
+      sourceMap: !!map,
     })
 
     try {
@@ -36,15 +36,15 @@ const scss: StylePreprocessor = {
         return {
           code: result.css.toString(),
           map: merge(map, JSON.parse(result.map.toString())),
-          errors: []
+          errors: [],
         }
       }
 
       return { code: result.css.toString(), errors: [] }
     } catch (e) {
       return { code: '', errors: [e] }
     }
-  }
+  },
 }
 
 const sass = {
@@ -58,7 +58,7 @@ const sass = {
       map,
       Object.assign({}, options, { indentedSyntax: true })
     )
-  }
+  },
 }
 
 // .less
@@ -87,12 +87,12 @@ const less = {
       return {
         code: result.css.toString(),
         map: merge(map, result.map),
-        errors: []
+        errors: [],
       }
     }
 
     return { code: result.css.toString(), errors: [] }
-  }
+  },
 }
 
 // .styl
@@ -105,29 +105,29 @@ const styl = {
     const nodeStylus = require('stylus')
     try {
       const ref = nodeStylus(source)
-      Object.keys(options).forEach(key => ref.set(key, options[key]))
+      Object.keys(options).forEach((key) => ref.set(key, options[key]))
       if (map) ref.set('sourcemap', { inline: false, comment: false })
 
       const result = ref.render()
       if (map) {
         return {
           code: result,
           map: merge(map, ref.sourcemap),
-          errors: []
+          errors: [],
         }
       }
 
       return { code: result, errors: [] }
     } catch (e) {
       return { code: '', errors: [e] }
     }
-  }
+  },
 }
 
 export const processors: { [key: string]: StylePreprocessor } = {
   less,
   sass,
   scss,
   styl,
-  stylus: styl
+  stylus: styl,
 }