<template>
  <html lang="en" style="height: 100%">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
    integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/yeti/bootstrap.min.css">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta property="og:title" content="SBa Season 8" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sba.manticorum.com" />
    <meta property="og:image" content="https://sba.manticorum.com/sba-network.png" />
    <meta property="og:description" content="The home of the Strat-o-matic Baseball Association" />
    <meta name="theme-color" content="#A6CE39">
    <title>SBa Season {{ seasonNumber }}</title>
  </head>
  <NavBar />

  <RouterView />

  </html>
</template>

<script lang="ts">
import { RouterView } from 'vue-router'
import NavBar from './components/NavBar.vue'
import { CURRENT_SEASON } from '@/services/utilities'
export default {
  name: "App",
  data() {
    return {
      seasonNumber: CURRENT_SEASON as number
    }
  }
}
</script>
