fix(split-pane): rendering order comes from the store.show-output

[wangcch]

[mobile] The store.showOutput configuration may not work when layoutReverse: true is configured.

[vercel]

@wangcch is attempting to deploy a commit to the vuejs Team on Vercel.

A member of the Team first needs to authorize it.

[edison1105]

Thanks for the PR, Maybe the following solution may be simpler, WDYT?

    <button class="toggler" @click="store.showOutput = !store.showOutput">
      {{
-         store.showOutput
+        (store.showOutput !== layoutReverse)
          ? splitPaneOptions?.codeTogglerText || '< Code'
          : splitPaneOptions?.outputTogglerText || 'Output >'
      }}
    </button>

[wangcch]

Thanks for the PR, Maybe the following solution may be simpler, WDYT?

    <button class="toggler" @click="store.showOutput = !store.showOutput">
      {{
-         store.showOutput
+        (store.showOutput !== layoutReverse)
          ? splitPaneOptions?.codeTogglerText || '< Code'
          : splitPaneOptions?.outputTogglerText || 'Output >'
      }}
    </button>

It is a good idea to fix text errors.

But store.showOuput is false. The expectation should be that the Preview is not displayed, right?

[edison1105]

But store.showOuput is false. The expectation should be that the Preview is not displayed, right?

Ok, you are right. I forgot to test this earlier.

PR LGTM.

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/@vue/repl@307

commit: 0bd4c17