<script setup>
import appsettings from '../appsettings'
</script>

<template>
  <div class="about">
    <h4 class="is-size-4">{{ appsettings.appTitle }} {{ appsettings.appVersion }}</h4>

    <br />

    <p class="block">
      This app was built in rather a hurry, to replace my personal
      usage of the original
      <a href="https://mobile.weather.gov" target="_blank">
        <span class="icon-text">
          <o-icon icon="external-link" />
          <span>mobile.weather.gov</span>
        </span>
      </a>
      site which was being decommissioned.&nbsp;
      (See also
      <a href="https://www.weather.gov/media/notification/pdf_2023_24/scn24-51_mobile_decommissioning.pdf" target="_blank">
        <span class="icon-text">
          <o-icon icon="external-link" />
          <span>this statement</span>
        </span>
      </a>.)
    </p>

    <p class="block">
      Source code is not currently browseable online but you can get it with:
    </p>

    <p class="block is-family-monospace"
       style="padding-left: 4rem;">
      git clone https://git.edbob.org/readonly/myweather.git
    </p>

    <p class="block">
      This app is primarily for personal use, but if you also find it useful and
      have suggestions, email me at <a href="mailto:lance@edbob.org">lance@edbob.org</a>
    </p>

    <br />

    <o-field label="Dependencies">
      <ul>
        <li v-for="(ver, pkg, i) in appsettings.appDependencies"
            :key="pkg">
          {{ pkg }} {{ ver }}
        </li>
      </ul>
    </o-field>

  </div>
</template>
