mirror of
https://github.com/linux-odyssey/linux-odyssey.git
synced 2026-11-05 19:20:12 +08:00
26 lines
582 B
Vue
26 lines
582 B
Vue
<template>
|
|
<font-awesome-icon :icon="['fas', 'terminal']" class="text-text p-1" />
|
|
<button id="Terminal" class="text-text h-[5%]">
|
|
<!-- Terminal -->
|
|
終端機
|
|
</button>
|
|
<div
|
|
id="terminal"
|
|
ref="terminal"
|
|
class="bg-bg-secondary h-[calc(100%-5%)] p-0.5"
|
|
></div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted, ref } from 'vue'
|
|
import { useTerminal } from '../store/session'
|
|
|
|
const terminal = ref(null)
|
|
|
|
onMounted(() => {
|
|
const term = useTerminal()
|
|
term.mount(terminal.value)
|
|
window.addEventListener('resize', () => term.resizeScreen())
|
|
})
|
|
</script>
|