Use Codex button instead of Wikit button

A fairly straightforward replacement – we just have to rename a few
props and update one selector.

The button’s size changes ever so slightly; IMHO the Codex version looks
a tad nicer anyway.

Bug: T370052
Co-Authored-By: Arthur Taylor <arthur.taylor@wikimedia.de>

src/components/NewLexemeForm.vue

@@ -6,7 +6,7 @@ import {
 	ref,
 } from 'vue';
 import { useStore } from 'vuex';
-import { Button as WikitButton } from '@wmde/wikit-vue-components';
+import { CdxButton } from '@wikimedia/codex';
 import { useConfig } from '@/plugins/ConfigPlugin/Config';
 import { useMessages } from '@/plugins/MessagesPlugin/Messages';
 import LemmaInput from '@/components/LemmaInput.vue';
@@ -176,15 +176,15 @@ export default {
 			<span v-html="error" />
 		</error-message>
 		<div>
-			<wikit-button
+			<cdx-button
 				class="form-button-submit"
-				type="progressive"
-				variant="primary"
-				native-type="submit"
+				action="progressive"
+				weight="primary"
+				type="submit"
 				:disabled="submitting"
 			>
 				{{ submitButtonText }}
-			</wikit-button>
+			</cdx-button>
 		</div>
 	</form>
 </template>

tests/integration/NewLexemeForm.test.ts

@@ -273,7 +273,7 @@ describe( 'NewLexemeForm', () => {
 
 			await wrapper.trigger( 'submit' );
 
-			const submitButton = wrapper.find( '.wikit-Button' );
+			const submitButton = wrapper.find( '.cdx-button' );
 			expect( submitButton.attributes( 'disabled' ) ).toBe( '' );
 			expect( submitButton.text() ).toBe( 'Creating Lexeme...' );