hypothetical/resources/components/pages/error404.vue

<template>
    <div class="error-page-component">
        <h1>Page Not Found</h1>
    </div>
</template>

<script>
    import BasePageMixin from "mixins/base-page.js";

    export default {
        mixins: [
            BasePageMixin
        ]
    };
</script>
Create a equal-featured vue variant of the public portion of the site 2017-11-21 23:12:31 -05:00			`<template>`
			`<div class="error-page-component">`
Give the vue-based error page some basic styles 2018-04-15 22:02:06 -04:00			`<h1>Page Not Found</h1>`
Create a equal-featured vue variant of the public portion of the site 2017-11-21 23:12:31 -05:00			`</div>`
			`</template>`

			`<script>`
			`import BasePageMixin from "mixins/base-page.js";`

			`export default {`
			`mixins: [`
			`BasePageMixin`
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`]`
Create a equal-featured vue variant of the public portion of the site 2017-11-21 23:12:31 -05:00			`};`
			`</script>`