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

Author: yyx990803

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'

example/webpack.config.js

@@ -53,6 +53,9 @@ module.exports = (env = {}) => {
           {
             test: /\.vue$/,
             loader: 'vue-loader',
+            options: {
+              refSugar: true,
+            },
           },
           {
             test: /\.png$/,

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

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,
         },
       })