simplify

vuejs · Sep 16, 2024 · 35570ee · 35570ee
1 parent 22222e8
commit 35570ee
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/SplitPane.vue b/src/SplitPane.vue
@@ -10,7 +10,6 @@ const previewRef = inject(injectKeyPreviewRef)!
 
 // mobile only
 const { store, splitPaneOptions } = inject(injectKeyProps)!
-const showOutput = computed(() => store.value.showOutput)
 
 const state = reactive({
  dragging: false,
@@ -66,7 +65,7 @@ function changeViewSize() {
  class="split-pane"
  :class="{
  dragging: state.dragging,
- 'show-output': showOutput,
+ 'show-output': store.showOutput,
  vertical: isVertical,
  }"
  @mousemove="dragMove"
@@ -90,9 +89,9 @@ function changeViewSize() {
  <slot name="right" />
  </div>
 
- <button class="toggler" @click="store.showOutput = !showOutput">
+ <button class="toggler" @click="store.showOutput = !store.showOutput">
  {{
- showOutput
+ store.showOutput
  ? splitPaneOptions?.codeTogglerText || '< Code'
  : splitPaneOptions?.outputTogglerText || 'Output >'
  }}