static/src/AppLisa.vue

<template>
  <PageLayout
    aboutThisDescription="LISA adapted to SamGIS on ZeroGPU"
    aboutThisUrl="https://trinca.tornidor.com/projects/lisa-adapted-for-samgis"
    currentPageUrl="https://aletrn-samgis-lisa-on-zero.hf.space"
    pageTitle="SamGIS+LISA+ZeroGPU"
    switchTabDescription="SamGIS on ZeroGPU demo"
    :switchTabUrl=switchTabUrlRef
  >
    <div>
      <div id="map-container-md-lisa">
        <PageLisaMap :mapName="mapName"
          :mapBounds='[
            { "lat": 46.172594687922256, "lng": 10.079248798586057 },
            { "lat": 46.16789155404419, "lng": 10.069077862001585 }
          ]'
          :description=description />
      </div>
    </div>
  </PageLayout>
</template>

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

import PageLisaMap from '@/components/PageLisaMap.vue'
import PageLayout from '@/components/PageLayout.vue'

const switchTabUrl = import.meta.env.VITE_SAMGIS_URL ? import.meta.env.VITE_SAMGIS_URL : "/samgis"
const switchTabUrlRef = ref(switchTabUrl)
const mapName = ref('lisa-map')
const description = ref("This page displays predictions made with LISA VLM.")
</script>