Ustawienia

Pobieranie ustawień następuje w punkcie startowym aplikacji app.vue. Żeby użyć dane ustawienie można skorzystać z dwóch opcji:

• getter $setting. Znacznie łatwiej pobiera się tą wartość w htmlu, ponieważ funkcja jest wstrzykiwana w globalny kontekst aplikacji.

<script setup>
const { $setting } = useNuxtApp();

const contactEmail = computed(() => $setting("contact.email"));
</script>

lub bezpośrednio w html

<template>
  <div>
    <i18n path="404-text" tag="p">
        <template #contact>
            <a :href="`mailto:${$setting('contact.email')}`">{{ $t("404-send-email") }}</a>
        </template>
    </i18n>
  </div>
</template>

• getter w store useSettingStore

<script>
const { setting } = useSettingStore();

const contactEmail = computed(() => setting("contact.email"));
</script>