style: format code with prettier 2

Author: haoqunjiang

src/index.ts

@@ -21,7 +21,7 @@ import {
   SFCTemplateCompileOptions,
   SFCScriptCompileOptions,
   SFCStyleBlock,
-  SFCScriptBlock
+  SFCScriptBlock,
 } from '@vue/compiler-sfc'
 import { selectBlock } from './select'
 import { genHotReloadCode } from './hotReload'
@@ -75,7 +75,7 @@ export default function loader(
     sourceMap,
     rootContext,
     resourcePath,
-    resourceQuery
+    resourceQuery,
   } = loaderContext
 
   const rawQuery = resourceQuery.slice(1)
@@ -88,11 +88,11 @@ export default function loader(
 
   const { descriptor, errors } = parse(source, {
     filename: resourcePath,
-    sourceMap
+    sourceMap,
   })
 
   if (errors.length) {
-    errors.forEach(err => {
+    errors.forEach((err) => {
       formatError(err, source, resourcePath)
       loaderContext.emitError(err)
     })
@@ -119,7 +119,7 @@ export default function loader(
   const id = hash(isProduction ? shortFilePath + '\n' + source : shortFilePath)
 
   // feature information
-  const hasScoped = descriptor.styles.some(s => s.scoped)
+  const hasScoped = descriptor.styles.some((s) => s.scoped)
   const needsHotReload =
     !isServer &&
     !isProduction &&
@@ -132,7 +132,7 @@ export default function loader(
   if (descriptor.script || descriptor.scriptSetup) {
     try {
       script = (descriptor as any).scriptCompiled = compileScript(descriptor, {
-        babelParserPlugins: options.babelParserPlugins
+        babelParserPlugins: options.babelParserPlugins,
       })
     } catch (e) {
       loaderContext.emitError(e)
@@ -201,7 +201,7 @@ export default function loader(
     templateImport,
     scriptImport,
     stylesCode,
-    templateImport ? `script.${renderFnName} = ${renderFnName}` : ``
+    templateImport ? `script.${renderFnName} = ${renderFnName}` : ``,
   ]
     .filter(Boolean)
     .join('\n')

src/pitcher.ts

@@ -20,11 +20,11 @@ const isCSSLoader = (l: Loader) => /(\/|\\|@)css-loader/.test(l.path)
 const isCacheLoader = (l: Loader) => /(\/|\\|@)cache-loader/.test(l.path)
 const isNotPitcher = (l: Loader) => l.path !== __filename
 
-const pitcher: webpack.loader.Loader = code => code
+const pitcher: webpack.loader.Loader = (code) => code
 
 // This pitching loader is responsible for intercepting all vue block requests
 // and transform it into appropriate requests.
-export const pitch = function() {
+export const pitch = function () {
   const context = this as webpack.loader.LoaderContext
   const rawLoaders = context.loaders.filter(isNotPitcher)
   let loaders = rawLoaders
@@ -47,7 +47,7 @@ export const pitch = function() {
   // and the cloned rule would match a source import request or a
   // resourceQuery-only rule that intends to target a custom block with no lang
   const seen = new Map()
-  loaders = loaders.filter(loader => {
+  loaders = loaders.filter((loader) => {
     const identifier =
       typeof loader === 'string'
         ? loader
@@ -100,7 +100,7 @@ function genProxyModule(
 }
 
 function genRequest(loaders: Loader[], context: webpack.loader.LoaderContext) {
-  const loaderStrings = loaders.map(loader => {
+  const loaderStrings = loaders.map((loader) => {
     return typeof loader === 'string' ? loader : loader.request
   })
   const resource = context.resourcePath + context.resourceQuery
@@ -111,7 +111,7 @@ function genRequest(loaders: Loader[], context: webpack.loader.LoaderContext) {
 }
 
 function shouldIgnoreCustomBlock(loaders: Loader[]) {
-  const actualLoaders = loaders.filter(loader => {
+  const actualLoaders = loaders.filter((loader) => {
     // vue-loader
     if (loader.path === selfPath) {
       return false

src/pluginWebpack4.ts

@@ -12,7 +12,7 @@ class VueLoaderPlugin implements webpack.Plugin {
 
   apply(compiler: webpack.Compiler) {
     // inject NS for plugin installation check in the main loader
-    compiler.hooks.compilation.tap(id, compilation => {
+    compiler.hooks.compilation.tap(id, (compilation) => {
       compilation.hooks.normalModuleLoader.tap(id, (loaderContext: any) => {
         loaderContext[NS] = true
       })
@@ -45,7 +45,7 @@ class VueLoaderPlugin implements webpack.Plugin {
     // get the normlized "use" for vue files
     const vueUse = vueRule.use as webpack.RuleSetLoader[]
     // get vue-loader options
-    const vueLoaderUseIndex = vueUse.findIndex(u => {
+    const vueLoaderUseIndex = vueUse.findIndex((u) => {
       return /^vue-loader|(\/|\\|@)vue-loader/.test(u.loader || '')
     })
 
@@ -62,7 +62,7 @@ class VueLoaderPlugin implements webpack.Plugin {
 
     // for each user rule (expect the vue rule), create a cloned rule
     // that targets the corresponding language blocks in *.vue files.
-    const clonedRules = rules.filter(r => r !== vueRule).map(cloneRule)
+    const clonedRules = rules.filter((r) => r !== vueRule).map(cloneRule)
 
     // rule for template compiler
     const templateCompilerRule = {
@@ -71,7 +71,7 @@ class VueLoaderPlugin implements webpack.Plugin {
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null && parsed.type === 'template'
       },
-      options: vueLoaderOptions
+      options: vueLoaderOptions,
     }
 
     // for each rule that matches plain .js files, also create a clone and
@@ -80,7 +80,7 @@ class VueLoaderPlugin implements webpack.Plugin {
     // (mostly babel)
     const matchesJS = createMatcher(`test.js`)
     const jsRulesForRenderFn = rules
-      .filter(r => r !== vueRule && matchesJS(r))
+      .filter((r) => r !== vueRule && matchesJS(r))
       .map(cloneRuleForRenderFn)
 
     // pitcher for block requests (for injecting stylePostLoader and deduping
@@ -90,7 +90,7 @@ class VueLoaderPlugin implements webpack.Plugin {
       resourceQuery: (query: string) => {
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null
-      }
+      },
     }
 
     // replace original rules
@@ -99,7 +99,7 @@ class VueLoaderPlugin implements webpack.Plugin {
       ...jsRulesForRenderFn,
       templateCompilerRule,
       ...clonedRules,
-      ...rules
+      ...rules,
     ]
   }
 }
@@ -145,7 +145,7 @@ function cloneRule(rule: webpack.RuleSetRule) {
         return false
       }
       return true
-    }
+    },
   }
 
   if (rule.rules) {
@@ -182,7 +182,7 @@ function cloneRuleForRenderFn(rule: webpack.RuleSetRule) {
         return false
       }
       return true
-    }
+    },
   }
 
   if (rule.rules) {

src/pluginWebpack5.ts

@@ -74,15 +74,15 @@ const ruleSetCompiler = new RuleSetCompiler([
   new BasicEffectRulePlugin('sideEffects'),
   new BasicEffectRulePlugin('parser'),
   new BasicEffectRulePlugin('resolve'),
-  new UseEffectRulePlugin()
+  new UseEffectRulePlugin(),
 ])
 
 class VueLoaderPlugin implements Plugin {
   static NS = NS
 
   apply(compiler: Compiler) {
     // add NS marker so that the loader can detect and report missing plugin
-    compiler.hooks.compilation.tap(id, compilation => {
+    compiler.hooks.compilation.tap(id, (compilation) => {
       NormalModule.getCompilationHooks(compilation).loader.tap(
         id,
         (loaderContext: any) => {
@@ -123,11 +123,11 @@ class VueLoaderPlugin implements Plugin {
 
     // get the normlized "use" for vue files
     const vueUse = vueRules
-      .filter(rule => rule.type === 'use')
-      .map(rule => rule.value)
+      .filter((rule) => rule.type === 'use')
+      .map((rule) => rule.value)
 
     // get vue-loader options
-    const vueLoaderUseIndex = vueUse.findIndex(u => {
+    const vueLoaderUseIndex = vueUse.findIndex((u) => {
       return /^vue-loader|(\/|\\|@)vue-loader/.test(u.loader)
     })
 
@@ -149,8 +149,8 @@ class VueLoaderPlugin implements Plugin {
     // that targets the corresponding language blocks in *.vue files.
     const refs = new Map()
     const clonedRules = rules
-      .filter(r => r !== rawVueRule)
-      .map(rawRule =>
+      .filter((r) => r !== rawVueRule)
+      .map((rawRule) =>
         cloneRule(rawRule, refs, langBlockRuleCheck, langBlockRuleResource)
       )
 
@@ -166,16 +166,16 @@ class VueLoaderPlugin implements Plugin {
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null && parsed.type === 'template'
       },
-      options: vueLoaderOptions
+      options: vueLoaderOptions,
     }
 
     // for each rule that matches plain .js files, also create a clone and
     // match it against the compiled template code inside *.vue files, so that
     // compiled vue render functions receive the same treatment as user code
     // (mostly babel)
     const jsRulesForRenderFn = rules
-      .filter(r => r !== rawVueRule && match(r, 'test.js').length > 0)
-      .map(rawRule => cloneRule(rawRule, refs, jsRuleCheck, jsRuleResource))
+      .filter((r) => r !== rawVueRule && match(r, 'test.js').length > 0)
+      .map((rawRule) => cloneRule(rawRule, refs, jsRuleCheck, jsRuleResource))
 
     // global pitcher (responsible for injecting template compiler loader & CSS
     // post loader)
@@ -184,7 +184,7 @@ class VueLoaderPlugin implements Plugin {
       resourceQuery: (query: string) => {
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null
-      }
+      },
     }
 
     // replace original rules
@@ -193,7 +193,7 @@ class VueLoaderPlugin implements Plugin {
       ...jsRulesForRenderFn,
       templateCompilerRule,
       ...clonedRules,
-      ...rules
+      ...rules,
     ]
   }
 }
@@ -212,7 +212,7 @@ function match(rule: RawRule, fakeFile: string): Effect[] {
   }
 
   return ruleSet.exec({
-    resource: fakeFile
+    resource: fakeFile,
   })
 }
 
@@ -252,7 +252,7 @@ function cloneRule(
   // do not process rule with enforce
   if (!rawRule.enforce) {
     const ruleUse = compiledRule.effects
-      .filter(effect => effect.type === 'use')
+      .filter((effect) => effect.type === 'use')
       .map((effect: UseEffect) => effect.value)
     // fix conflict with config.loader and config.options when using config.use
     delete rawRule.loader
@@ -285,19 +285,19 @@ function cloneRule(
         }
       }
       return true
-    }
+    },
   }
 
   delete res.test
 
   if (rawRule.rules) {
-    res.rules = rawRule.rules.map(rule =>
+    res.rules = rawRule.rules.map((rule) =>
       cloneRule(rule, refs, ruleCheck, ruleResource)
     )
   }
 
   if (rawRule.oneOf) {
-    res.oneOf = rawRule.oneOf.map(rule =>
+    res.oneOf = rawRule.oneOf.map((rule) =>
       cloneRule(rule, refs, ruleCheck, ruleResource)
     )
   }

src/stylePostLoader.ts

@@ -5,7 +5,7 @@ import webpack from 'webpack'
 // This is a post loader that handles scoped CSS transforms.
 // Injected right before css-loader by the global pitcher (../pitch.js)
 // for any <style scoped> selection requests initiated from within vue files.
-const StylePostLoader: webpack.loader.Loader = function(source, inMap) {
+const StylePostLoader: webpack.loader.Loader = function (source, inMap) {
   const query = qs.parse(this.resourceQuery.slice(1))
   const { code, map, errors } = compileStyle({
     source: source as string,
@@ -14,7 +14,7 @@ const StylePostLoader: webpack.loader.Loader = function(source, inMap) {
     map: inMap,
     scoped: !!query.scoped,
     vars: !!query.vars,
-    trim: true
+    trim: true,
   })
 
   if (errors.length) {

src/templateLoader.ts

@@ -8,7 +8,7 @@ import { compileTemplate, TemplateCompiler } from '@vue/compiler-sfc'
 // Loader that compiles raw template into JavaScript functions.
 // This is injected by the global pitcher (../pitch) for template
 // selection requests initiated from vue files.
-const TemplateLoader: webpack.loader.Loader = function(source, inMap) {
+const TemplateLoader: webpack.loader.Loader = function (source, inMap) {
   source = String(source)
   const loaderContext = this
 
@@ -40,21 +40,21 @@ const TemplateLoader: webpack.loader.Loader = function(source, inMap) {
       ...options.compilerOptions,
       scopeId,
       bindingMetadata:
-        typeof query.bindings === 'string' ? JSON.parse(query.bindings) : {}
+        typeof query.bindings === 'string' ? JSON.parse(query.bindings) : {},
     },
-    transformAssetUrls: options.transformAssetUrls || true
+    transformAssetUrls: options.transformAssetUrls || true,
   })
 
   // tips
   if (compiled.tips.length) {
-    compiled.tips.forEach(tip => {
+    compiled.tips.forEach((tip) => {
       loaderContext.emitWarning(tip)
     })
   }
 
   // errors
   if (compiled.errors && compiled.errors.length) {
-    compiled.errors.forEach(err => {
+    compiled.errors.forEach((err) => {
       if (typeof err === 'string') {
         loaderContext.emitError(err)
       } else {