diff options
Diffstat (limited to 'doc/docs/.vitepress/theme/components/CompilerModal.vue')
| -rwxr-xr-x | doc/docs/.vitepress/theme/components/CompilerModal.vue | 37 |
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> |
| 10 | import YueCompiler from './YueCompiler.vue' | 10 | import YueCompiler from "./YueCompiler.vue"; |
| 11 | 11 | ||
| 12 | export default { | 12 | export 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> |
