Skip to content
Snippets Groups Projects
PageNotFound.vue 1.18 KiB
Newer Older
  • Learn to ignore specific revisions
  • <template>
    
      <main class="main pusher" :v-title="labels.title">
        <section class="ui vertical stripe segment">
    
          <div class="ui text container">
            <h1 class="ui huge header">
              <i class="warning icon"></i>
              <div class="content">
    
    jovuit's avatar
    jovuit committed
                <translate :translate-context="'Content/*/Title'">Page not found!</translate>
    
    jovuit's avatar
    jovuit committed
            <p><translate :translate-context="'Content/*/Paragraph'">Sorry, the page you asked for does not exist:</translate></p>
    
    Eliot Berriot's avatar
    Eliot Berriot committed
            <a :href="path">{{ path }}</a>
            <div class="ui hidden divider"></div>
    
            <router-link class="ui icon labeled right button" to="/">
    
    jovuit's avatar
    jovuit committed
              <translate :translate-context="'Content/*/Button.Label/Verb'">Go to home page</translate>
    
              <i class="right arrow icon"></i>
            </router-link>
          </div>
    
    </template>
    
    <script>
    export default {
    
        return {
          path: window.location.href
        }
    
    Eliot Berriot's avatar
    Eliot Berriot committed
      },
      computed: {
    
    Eliot Berriot's avatar
    Eliot Berriot committed
          return {
    
    jovuit's avatar
    jovuit committed
            title: this.$pgettext('Head/*/Title', "Page Not Found")
    
      }
    }
    </script>
    
    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>
    </style>