⚓ T370057 [SW] [WtC-M2] [SNL] Replace WiKit's Lookup component by Codex's

Problem

The Special:NewLexeme's user interface was composed using a combination of Vue 3 WiKit next elements, such as Lookup. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the official Wikimedia design system. The utilization of WiKit components is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.

Solution

We have to replace WiKit's Lookup component by the Codex equivalent: cdx-lookup (Link to demo). In order to preserve its validation behavior, Lookup needs to be wrapped within the Field component (see demo). Field also provides a label for the components it wraps.

The WiKit Lookup component is used by the following Special:NewLexeme components:

• ItemLookup.vue (Reused by LanguageInput.vue and LexicalCategoryInput.vue)
• SpellingVariantInput.vue

Acceptance criteria

• The WiKit Lookup component used in the Special:NewLexeme is replaced by its Codex equivalent, Lookup + Field

• Task Graph
• Mentions

Event Timeline