Yunfei He
ca25ccd96e
- Wrap each text line with applyChalk(bgProps) after wrapText so background color is reapplied on every wrapped line (wrap-ansi doesn't carry ANSI state across line breaks) - Add wrapped-text backgroundColor regression test - Fix typo: color=" cyan" → color="cyan" in example - Add FORCE_COLOR=3 debugging tip to AGENTS.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
25 lines
691 B
Vue
25 lines
691 B
Vue
<script setup lang="ts">
|
|
import { shallowRef } from "vue";
|
|
import { Box, Text, useInput } from "@vue-tui/runtime";
|
|
import Counter from "./Counter.vue";
|
|
import Clock from "./Clock.vue";
|
|
|
|
const showClock = shallowRef(true);
|
|
|
|
useInput((input) => {
|
|
if (input === "c") showClock.value = !showClock.value;
|
|
if (input === "q") process.exit(0);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<Box backgroundColor="blue" borderStyle="round" width="20">
|
|
<Text bold color="cyan">vue-tui basic (template)</Text>
|
|
<Text dimColor>Try editing Counter.vue or App.vue</Text>
|
|
<Text dimColor>Press c=toggle clock, q=quit</Text>
|
|
<Text> </Text>
|
|
<Counter />
|
|
<Clock v-if="showClock" />
|
|
</Box>
|
|
</template>
|