generated from Seekra/repository-template
Add NotFound.vue #48 #50
+9
-21
@@ -1,26 +1,14 @@
|
||||
<script setup>
|
||||
import Searchbar from '../features/search/components/Searchbar.vue';
|
||||
|
||||
import { ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const searchQuery = ref('');
|
||||
|
||||
const submitSearch = function () {
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header class="global-header">
|
||||
<h1>Seekra</h1>
|
||||
<span class="slogan">
|
||||
ERROR: 404 Not Found
|
||||
</span>
|
||||
</header>
|
||||
<div class="search-content">
|
||||
|
jakob.scheid marked this conversation as resolved
Outdated
|
||||
<header class="global-header">
|
||||
|
jakob.scheid marked this conversation as resolved
Outdated
jakob.scheid
commented
The not found page should be minimal, so omit the header. The navigation bar already contains Seekra. The not found page should be minimal, so omit the header. The navigation bar already contains *Seekra*.
|
||||
<h1>Seekra</h1>
|
||||
<span class="slogan">
|
||||
|
jakob.scheid marked this conversation as resolved
Outdated
jakob.scheid
commented
No HTTP status code. That is confusing for people who are not familiar with technology. No HTTP status code. That is confusing for people who are not familiar with technology.
|
||||
ERROR 404: Page Not Found
|
||||
|
jakob.scheid marked this conversation as resolved
Outdated
jakob.scheid
commented
Do not write ERROR uppercase. Do not write *ERROR* uppercase.
|
||||
</span>
|
||||
</header>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.global-header {
|
||||
text-align: center;
|
||||
|
jakob.scheid marked this conversation as resolved
Outdated
jakob.scheid
commented
Copying styles is a very bad idea. Nothing should be redundant. Copying styles is a very bad idea. Nothing should be redundant.
|
||||
|
||||
Reference in New Issue
Block a user
Do not use a container .search-content in a not found page.