JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: migrated errors components to use defineComponent syntax

Browse Source 
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:
Vitalii 2023-04-04 18:27:32 +03:00 committed by Storj Robot
parent 5ab2e6ac19
commit c9d0eeeee5
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/satellite/src/components/errors/Page404.vue
View File

@ -4,20 +4,19 @@
<template src="./page40X.html" />
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { defineComponent } from 'vue';
import LogoIcon from '@/../static/images/logo.svg';
import MainIcon from '@/../static/images/errors/404.svg';
// @vue/component
@Component({
export default defineComponent({
name: 'Page404',
components: {
LogoIcon,
MainIcon,
},
})
// 404 component on page not found error
export default class Page404 extends Vue {}
setup() {},
});
</script>
<style scoped lang="scss">

11
web/satellite/src/components/errors/Page50X.vue
View File

@ -4,20 +4,19 @@
<template src="./page50X.html" />
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { defineComponent } from 'vue';
import LogoIcon from '@/../static/images/logo.svg';
import MainIcon from '@/../static/images/errors/50X.svg';
// @vue/component
@Component({
export default defineComponent({
name: 'Page50X',
components: {
LogoIcon,
MainIcon,
},
})
// Page for server errors
export default class Page50X extends Vue {}
setup() {},
});
</script>
<style scoped lang="scss">