<template>
  <div>
    <SubTitleView :title="'NMEA'" />

    <div ref="nmeaContainer" class="whitespace-pre-line text-blue-100 text-sm">
      {{ nmeaStr }}
    </div>

  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import SubTitleView from './SubTitleView.vue'

const nmeaStr	 = ref('')
const update   = (value) => nmeaStr.value = value

defineExpose({ update })
</script>