Text.tsx 410 B

123456789101112131415161718
  1. import { useEditor } from "@/modules/editor";
  2. import { defineComponent } from "vue";
  3. import { string } from "vue-types";
  4. import View from "./View";
  5. export default defineComponent({
  6. props: {
  7. value: string(),
  8. },
  9. setup(props) {
  10. const { store } = useEditor();
  11. return () => (
  12. <View>
  13. <div contenteditable={store.editMode === "edit"}>{props.value}</div>
  14. </View>
  15. );
  16. },
  17. });