Source: components/about.vue

<template>
    <Header name="About" :title="$t('About')" />
    <q-card>
        <q-card-section class="text-body2">
            <img class="q-ma-none" src="/ai4soilhealth_4f.png" width="150">
            <div v-html="$t('About project text')" />
            <a href="https://ai4soilhealth.eu/" target="_blank">https://ai4soilhealth.eu/</a>
            <div>Ver. {{ $store.version }}</div>
            <q-btn class="text-capitalize" v-if="$errors.length > 0"
                @click="$q.dialog({ title: 'Error history', message: $errors.toString() })" flat text-color="Primary"
                label="Error history" />
            {{ this.$q.screen.width.toFixed(0) }} x {{ this.$q.screen.height.toFixed(0) }} {{ this.$q.screen.name }}
        </q-card-section>
    </q-card>
</template>
<script>
/**
 * @component About
 * @description A component that displays information about the project.
 * @example
 * <About />
 */
export default {
    name: "About"
}
</script>