<script setup lang="ts">
import ApiConnection from '~src/admin/components/settings/ApiConnection.vue';
import Container from '../components/layout/Container.vue';
import PageHeading from '../components/layout/PageHeading.vue';
</script>

<template>
    <Container>
        <!-- Heading -->
        <PageHeading :heading="$gettext('Missing API Key')" :show-posts-limit="false" />

				<h3 class="text-lg font-medium mt-3 md:mt-5 mb-5 md:mb-6">
					{{ $gettext('It looks like you don\'t have an API key. Check your connection and reset the API key if needed.') }}
				</h3>

        <!-- Api connection -->
        <ApiConnection />
    </Container>
</template>

<style scoped></style>
