web/satellite: migrated errors components to use defineComponent syntax
We use defineComponent syntax because images are not loaded with regular <script setup> syntax and dynamic template source. Change-Id: If0993c57772277e767db2b0705100215e17a4625
This commit is contained in:
parent
5ab2e6ac19
commit
c9d0eeeee5
@ -4,20 +4,19 @@
|
|||||||
<template src="./page40X.html" />
|
<template src="./page40X.html" />
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Component, Vue } from 'vue-property-decorator';
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
import LogoIcon from '@/../static/images/logo.svg';
|
import LogoIcon from '@/../static/images/logo.svg';
|
||||||
import MainIcon from '@/../static/images/errors/404.svg';
|
import MainIcon from '@/../static/images/errors/404.svg';
|
||||||
|
|
||||||
// @vue/component
|
export default defineComponent({
|
||||||
@Component({
|
name: 'Page404',
|
||||||
components: {
|
components: {
|
||||||
LogoIcon,
|
LogoIcon,
|
||||||
MainIcon,
|
MainIcon,
|
||||||
},
|
},
|
||||||
})
|
setup() {},
|
||||||
// 404 component on page not found error
|
});
|
||||||
export default class Page404 extends Vue {}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@ -4,20 +4,19 @@
|
|||||||
<template src="./page50X.html" />
|
<template src="./page50X.html" />
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Component, Vue } from 'vue-property-decorator';
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
import LogoIcon from '@/../static/images/logo.svg';
|
import LogoIcon from '@/../static/images/logo.svg';
|
||||||
import MainIcon from '@/../static/images/errors/50X.svg';
|
import MainIcon from '@/../static/images/errors/50X.svg';
|
||||||
|
|
||||||
// @vue/component
|
export default defineComponent({
|
||||||
@Component({
|
name: 'Page50X',
|
||||||
components: {
|
components: {
|
||||||
LogoIcon,
|
LogoIcon,
|
||||||
MainIcon,
|
MainIcon,
|
||||||
},
|
},
|
||||||
})
|
setup() {},
|
||||||
// Page for server errors
|
});
|
||||||
export default class Page50X extends Vue {}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
Loading…
Reference in New Issue
Block a user