diff --git a/src/components/general/ValuePair.vue b/src/components/general/ValuePair.vue
index bbd8859e..bf712b56 100644
--- a/src/components/general/ValuePair.vue
+++ b/src/components/general/ValuePair.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from '@vue/composition-api';
 
-export default Vue.extend({
+export default defineComponent({
   name: 'ValuePair',
   props: {
     description: {
diff --git a/src/views/Error404.vue b/src/views/Error404.vue
index 6cca535d..b00ddd5f 100644
--- a/src/views/Error404.vue
+++ b/src/views/Error404.vue
@@ -10,9 +10,11 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from '@vue/composition-api';
 
-export default Vue.extend({});
+export default defineComponent({
+  name: 'Error404',
+});
 </script>
 
 <style scoped></style>