Switch Vue components from class to object syntax

2026-09-26 10:08:12 +08:00 · 2021-02-16 16:05:03 -08:00
parent f0e1632510
commit 2f43f2e68e
12 changed files with 51 additions and 73 deletions
@@ -39,18 +39,17 @@
 </style>

 <script lang="ts">
-import { Options, Vue } from "vue-class-component";
+import { defineComponent } from "vue";
 import LayoutRow from "../layout/LayoutRow.vue";
 import LayoutCol from "../layout/LayoutCol.vue";
 import DockablePanel from "./DockablePanel.vue";

-@Options({
+export default defineComponent({
+	name: "PanelArea",
 	components: {
 		LayoutRow,
 		LayoutCol,
 		DockablePanel,
 	},
-	props: {},
-})
-export default class PanelArea extends Vue {}
+});
 </script>