<template>
  <full-screen-container>
    <TheHeader title="卫星状态监控平台" />

    <div class="main-content flex-1 grid grid-cols-2 grid-rows-2">
      <div>
        <PlanisphereView title="北斗" />
      </div>
      <div>
        <PlanisphereView title="GPS" />
      </div>
      <div>
        <PlanisphereView title="格洛纳斯" />
      </div>
      <div>
        <PlanisphereView title="伽利略" />
      </div>
    </div>
  </full-screen-container>
</template>

<script lang="ts" setup>
import FullScreenContainer from '../components/Layout/FullScreenContainer.vue'
import TheHeader from '../components/Layout/TheHeader.vue'
import PlanisphereView from '../components/PlanisphereView.vue'

import { onMounted } from 'vue'

onMounted(() => {
  if ('ipcRenderer' in window) {
    ipcRenderer.receive('nmea', console.log)

    ipcRenderer.send('APP_MOUNTED')
  }
})
</script>
