fix(plugin-vue): properly interpret boolean values in define

Author: jh-leong

packages/plugin-vue/src/index.ts

@@ -245,22 +245,25 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
     },
 
     config(config) {
+      const isDefineTrue = (v: unknown) => v === true || v === 'true'
       return {
         resolve: {
           dedupe: config.build?.ssr ? [] : ['vue'],
         },
         define: {
           __VUE_OPTIONS_API__:
             options.value.features?.optionsAPI ??
-            config.define?.__VUE_OPTIONS_API__ ??
+            isDefineTrue(config.define?.__VUE_OPTIONS_API__) ??
             true,
           __VUE_PROD_DEVTOOLS__:
             (options.value.features?.prodDevtools ||
-              config.define?.__VUE_PROD_DEVTOOLS__) ??
+              isDefineTrue(config.define?.__VUE_PROD_DEVTOOLS__)) ??
             false,
           __VUE_PROD_HYDRATION_MISMATCH_DETAILS__:
             (options.value.features?.prodHydrationMismatchDetails ||
-              config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__) ??
+              isDefineTrue(
+                config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__,
+              )) ??
             false,
         },
         ssr: {