Merge pull request #754 from wmde/update-definecomponent

Update defineComponent

Author: itamargiv

resources/js/Components/AuthWidget.vue

@@ -10,11 +10,12 @@
 
 <script lang="ts">
 
-import Vue, { PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent } from 'vue';
 import User from '../types/User';
 import { Link as WikitLink } from '@wmde/wikit-vue-components';
 
-export default Vue.extend({
+export default defineComponent({
     props: {
         user: Object as PropType<User>
     },

resources/js/Components/LanguageSelector.vue

@@ -35,11 +35,11 @@
 import LanguageSelectorInput from '../Components/LanguageSelectorInput.vue';
 import LanguageSelectorOptionsMenu from '../Components/LanguageSelectorOptionsMenu.vue';
 import Language from '../types/Language';
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 import languagedata from '@wikimedia/language-data';
 import closeUrl from '../../img/close.svg';
 
-export default Vue.extend( {
+export default defineComponent( {
 	name: 'LanguageSelector',
 	components: {
 		LanguageSelectorInput,

resources/js/Components/LanguageSelectorInput.vue

@@ -29,11 +29,11 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 import searchUrl from '../../img/search.svg';
 import clearUrl from '../../img/clear.svg';
 
-export default Vue.extend( {
+export default defineComponent( {
 	name: 'LanguageSelectorInput',
 	props: {
 		value: {

resources/js/Components/LanguageSelectorOptionsMenu.vue

@@ -35,9 +35,10 @@
 
 <script lang="ts">
 import Language from '../types/Language';
-import Vue, { PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent } from 'vue';
 
-export default Vue.extend( {
+export default defineComponent( {
 	name: 'LanguageSelectorOptionsMenu',
 	props: {
 		languages: {

resources/js/Components/LoadingOverlay.vue

@@ -6,9 +6,9 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 
-export default Vue.extend({
+export default defineComponent({
     name: 'LoadingOverlay',
     props: {
         delay: {

resources/js/Components/MismatchRow.vue

@@ -107,7 +107,8 @@
 <script lang="ts">
 import { formatISO } from 'date-fns';
 
-import Vue, { PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent } from 'vue';
 import {
     Button as WikitButton,
     Dialog as WikitDialog,
@@ -133,7 +134,7 @@ interface MismatchRowState {
   decision: ReviewMenuItem;
 }
 
-export default Vue.extend({
+export default defineComponent({
     components: {
     WikitButton,
     WikitLink,

resources/js/Components/MismatchesTable.vue

@@ -23,14 +23,15 @@
 </template>
 
 <script lang="ts">
-import Vue, { PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent } from 'vue';
 import { Table as WikitTable } from '@wmde/wikit-vue-components';
 
 import MismatchRow from './MismatchRow.vue';
 
 import { LabelledMismatch } from '../types/Mismatch';
 
-export default Vue.extend({
+export default defineComponent({
     components: {
         MismatchRow,
         WikitTable,

resources/js/Components/WikidataToolFooter.vue

@@ -31,7 +31,8 @@
 </template>
 
 <script lang="ts">
-import Vue, { PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent } from 'vue';
 import { Link as WikitLink } from '@wmde/wikit-vue-components';
 
 interface FooterLabels {
@@ -45,7 +46,7 @@ interface FooterUrls {
     issues: string;
 }
 
-export default Vue.extend({
+export default defineComponent({
     name: 'WikidataToolFooter',
     components: {
         WikitLink,

resources/js/Pages/Error.vue

@@ -6,9 +6,9 @@
 </template>
 
 <script>
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 
-export default Vue.extend({
+export default defineComponent({
   props: {
     title: String,
     description: String

resources/js/Pages/Home.vue

@@ -117,8 +117,7 @@
         Message,
         TextArea
     } from '@wmde/wikit-vue-components';
-
-    import defineComponent from '../types/defineComponent';
+    import { defineComponent } from 'vue';
 
     interface HomeState {
         form: {

resources/js/Pages/Layout.vue

@@ -75,7 +75,7 @@ import AuthWidget from '../Components/AuthWidget.vue';
 import LanguageSelector from '../Components/LanguageSelector.vue';
 import WikidataToolFooter from '../Components/WikidataToolFooter.vue';
 import { DirectiveBinding } from 'vue/types/options';
-import defineComponent from '../types/defineComponent';
+import { defineComponent } from 'vue';
 import User from '../types/User';
 import languagedata from '@wikimedia/language-data';
 

resources/js/Pages/Playground.vue

@@ -263,7 +263,7 @@
 </template>
 
 <script lang="ts">
-    import defineComponent from '../types/defineComponent';
+    import { defineComponent } from 'vue';
     import { Head as InertiaHead } from '@inertiajs/inertia-vue3'
 
     import {

resources/js/Pages/Results.vue

@@ -146,11 +146,13 @@
         Icon,
         Message } from '@wmde/wikit-vue-components';
 
+    import { CdxDialog } from "@wikimedia/codex";
+
     import LoadingOverlay from '../Components/LoadingOverlay.vue';
     import MismatchesTable from '../Components/MismatchesTable.vue';
     import Mismatch, {ReviewDecision, LabelledMismatch} from '../types/Mismatch';
     import User from '../types/User';
-    import defineComponent from '../types/defineComponent';
+    import { defineComponent } from 'vue';
     import axios from 'axios';
 
     interface MismatchDecision {