aboutsummaryrefslogtreecommitdiff
path: root/doc/docs/.vitepress/theme/components/CompilerModal.vue
diff options
context:
space:
mode:
Diffstat (limited to 'doc/docs/.vitepress/theme/components/CompilerModal.vue')
-rwxr-xr-xdoc/docs/.vitepress/theme/components/CompilerModal.vue37
1 files changed, 18 insertions, 19 deletions
diff --git a/doc/docs/.vitepress/theme/components/CompilerModal.vue b/doc/docs/.vitepress/theme/components/CompilerModal.vue
index c00443e..19d5830 100755
--- a/doc/docs/.vitepress/theme/components/CompilerModal.vue
+++ b/doc/docs/.vitepress/theme/components/CompilerModal.vue
@@ -7,41 +7,41 @@
7</template> 7</template>
8 8
9<script> 9<script>
10import YueCompiler from './YueCompiler.vue' 10import YueCompiler from "./YueCompiler.vue";
11 11
12export default { 12export default {
13 components: { 13 components: {
14 YueCompiler 14 YueCompiler,
15 }, 15 },
16 data() { 16 data() {
17 return { 17 return {
18 isOpen: false, 18 isOpen: false,
19 content: '' 19 content: "",
20 } 20 };
21 }, 21 },
22 mounted() { 22 mounted() {
23 this.handleOpen = (event) => { 23 this.handleOpen = (event) => {
24 this.content = event?.detail || '' 24 this.content = event?.detail || "";
25 this.isOpen = true 25 this.isOpen = true;
26 } 26 };
27 this.handleKeydown = (event) => { 27 this.handleKeydown = (event) => {
28 if (event.key === 'Escape' && this.isOpen) { 28 if (event.key === "Escape" && this.isOpen) {
29 this.close() 29 this.close();
30 } 30 }
31 } 31 };
32 window.addEventListener('yue:open-compiler', this.handleOpen) 32 window.addEventListener("yue:open-compiler", this.handleOpen);
33 window.addEventListener('keydown', this.handleKeydown) 33 window.addEventListener("keydown", this.handleKeydown);
34 }, 34 },
35 beforeUnmount() { 35 beforeUnmount() {
36 window.removeEventListener('yue:open-compiler', this.handleOpen) 36 window.removeEventListener("yue:open-compiler", this.handleOpen);
37 window.removeEventListener('keydown', this.handleKeydown) 37 window.removeEventListener("keydown", this.handleKeydown);
38 }, 38 },
39 methods: { 39 methods: {
40 close() { 40 close() {
41 this.isOpen = false 41 this.isOpen = false;
42 } 42 },
43 } 43 },
44} 44};
45</script> 45</script>
46 46
47<style scoped> 47<style scoped>
@@ -63,5 +63,4 @@ export default {
63 background: #ffffff; 63 background: #ffffff;
64 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); 64 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
65} 65}
66
67</style> 66</style>