<template>
  <main-layout>
    <div class="text-center">
      <h2 class="mb-4">{{ $t('page_not_found') }}</h2>

      <div class="links">
        <router-link :to="{ name: 'welcome' }">
          {{ $t('go_home') }}
        </router-link>
      </div>
    </div>
  </main-layout>
</template>

<script>
export default {
  name: 'NotFound'
}
</script>

<template>
  <main-layout>
    <card class="text-center">
      <h3 class="mb-4">{{ $t('page_not_found') }}</h3>

      <div class="links">
        <router-link :to="{ name: 'welcome' }">
          {{ $t('go_home') }}
        </router-link>
      </div>
    </card>
  </main-layout>
</template>

<script>
export default {
  name: 'NotFound'
}
</script>

Use card for error page
Use card for error page
