From: HcySunYang <HcySunYang@outlook.com>
Date: Tue, 15 Sep 2020 14:00:14 +0000 (+0800)
Subject: fix(compiler-ssr): correct the variable name generated by the generator (#2065)
X-Git-Tag: v3.0.0-rc.11~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=aa8dc9a50706e6407978da3c43d7e4d2eb292d56;p=thirdparty%2Fvuejs%2Fcore.git

fix(compiler-ssr): correct the variable name generated by the generator (#2065)
---

diff --git a/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts b/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
index 2ea2b7fe5d..ec7010de3d 100644
--- a/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
@@ -11,7 +11,7 @@ describe('ssr: inject <style vars>', () => {
       const { ssrResolveCssVars: _ssrResolveCssVars, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"@vue/server-renderer\\")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        const _cssVars = ssrResolveCssVars({ color: _ctx.color })
+        const _cssVars = _ssrResolveCssVars({ color: _ctx.color })
         _push(\`<div\${_ssrRenderAttrs(_mergeProps(_attrs, _cssVars))}></div>\`)
       }"
     `)
@@ -26,7 +26,7 @@ describe('ssr: inject <style vars>', () => {
       "const { ssrResolveCssVars: _ssrResolveCssVars, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"@vue/server-renderer\\")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        const _cssVars = ssrResolveCssVars({ color: _ctx.color })
+        const _cssVars = _ssrResolveCssVars({ color: _ctx.color })
         _push(\`<!--[--><div\${
           _ssrRenderAttrs(_cssVars)
         }></div><div\${
@@ -48,7 +48,7 @@ describe('ssr: inject <style vars>', () => {
       return function ssrRender(_ctx, _push, _parent, _attrs) {
         const _component_foo = _resolveComponent(\\"foo\\")
 
-        const _cssVars = ssrResolveCssVars({ color: _ctx.color })
+        const _cssVars = _ssrResolveCssVars({ color: _ctx.color })
         _push(\`<!--[--><div\${_ssrRenderAttrs(_cssVars)}></div>\`)
         _push(_ssrRenderComponent(_component_foo, _cssVars, null, _parent))
         _push(\`<!--]-->\`)
@@ -66,7 +66,7 @@ describe('ssr: inject <style vars>', () => {
       const { ssrResolveCssVars: _ssrResolveCssVars, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"@vue/server-renderer\\")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        const _cssVars = ssrResolveCssVars({ color: _ctx.color })
+        const _cssVars = _ssrResolveCssVars({ color: _ctx.color })
         if (_ctx.ok) {
           _push(\`<div\${_ssrRenderAttrs(_mergeProps(_attrs, _cssVars))}></div>\`)
         } else {
@@ -91,7 +91,7 @@ describe('ssr: inject <style vars>', () => {
       const { ssrResolveCssVars: _ssrResolveCssVars, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"@vue/server-renderer\\")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        const _cssVars = ssrResolveCssVars({ color: _ctx.color }, \\"data-v-foo\\")
+        const _cssVars = _ssrResolveCssVars({ color: _ctx.color }, \\"data-v-foo\\")
         _push(\`<div\${_ssrRenderAttrs(_mergeProps(_attrs, _cssVars))} data-v-foo></div>\`)
       }"
     `)
diff --git a/packages/compiler-ssr/src/ssrCodegenTransform.ts b/packages/compiler-ssr/src/ssrCodegenTransform.ts
index 45cc1a6d50..eda02822ed 100644
--- a/packages/compiler-ssr/src/ssrCodegenTransform.ts
+++ b/packages/compiler-ssr/src/ssrCodegenTransform.ts
@@ -50,7 +50,7 @@ export function ssrCodegenTransform(ast: RootNode, options: CompilerOptions) {
     )
     context.body.push(
       createCompoundExpression([
-        `const _cssVars = ${ssrHelpers[SSR_RESOLVE_CSS_VARS]}(`,
+        `const _cssVars = _${ssrHelpers[SSR_RESOLVE_CSS_VARS]}(`,
         varsExp,
         options.scopeId ? `, ${JSON.stringify(options.scopeId)}` : ``,
         `)`