feat: pass on compilerOptions and refSugar when using <script setup>

vuejs · Jun 29, 2021 · 7137294 · 7137294
1 parent 65c9110
commit 7137294
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/example/ScriptSetup.vue b/example/ScriptSetup.vue
@@ -11,10 +11,10 @@
 import { ref } from 'vue'
 import Button from './Button.vue'
 
-const count = ref(0)
+ref: count = 100
 
 function inc() {
-  count.value++
+  count++
 }
 
 const hello = 'hi from scriptttt'

diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -53,6 +53,9 @@ module.exports = (env = {}) => {
           {
             test: /\.vue$/,
             loader: 'vue-loader',
+            options: {
+              refSugar: true,
+            },
           },
           {
             test: /\.png$/,

diff --git a/src/index.ts b/src/index.ts
@@ -40,6 +40,7 @@ export interface VueLoaderOptions {
   transformAssetUrls?: SFCTemplateCompileOptions['transformAssetUrls']
   compiler?: TemplateCompiler | string
   compilerOptions?: CompilerOptions
+  refSugar?: boolean
   hotReload?: boolean
   exposeFilename?: boolean
   appendExtension?: boolean

diff --git a/src/resolveScript.ts b/src/resolveScript.ts
@@ -57,10 +57,12 @@ export function resolveScript(
         id: scopeId,
         isProd,
         inlineTemplate: enableInline,
+        refSugar: options.refSugar,
         babelParserPlugins: options.babelParserPlugins,
         templateOptions: {
-          compiler,
           ssr: isServer,
+          compiler,
+          compilerOptions: options.compilerOptions,
           transformAssetUrls: options.transformAssetUrls || true,
         },
       })