Page MenuHomePhabricator

Migrate `:language.sync="language"` in WikibaseLexeme Vue templates to `v-model:` syntax
Closed, ResolvedPublic

Description

The .sync syntax has been replaced with the v-model syntax. The details are explained on this page: https://v3-migration.vuejs.org/breaking-changes/v-model.html

[Vue warn]: (deprecation COMPILER_V_BIND_SYNC) .sync modifier for v-bind has been removed. Use v-model with argument instead. `v-bind:language.sync` should be changed to `v-model:language`.
  Details: https://v3-migration.vuejs.org/breaking-changes/v-model.html
39 |  	</div>
40 |  	<language-and-category-widget
41 |  		:language.sync="language"
   |    ^^^^^^^^^^^^^^^^^^^^^^^^^
42 |  		:lexicalCategory.sync="lexicalCategory"
43 |  		:inEditMode="inEditMode" 
  at <App>
    1. Acceptance Criteria
  • the .sync modifier is no longer used anywhere on the page
  • the new way of doing it also works with php-vuejs-templating, if that is relevant

Event Timeline

Change 851635 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/WikibaseLexeme@master] Migrate Vue2 xyz.sync syntax to Vue 3 v-model:xyz

https://gerrit.wikimedia.org/r/851635

Change 851635 merged by jenkins-bot:

[mediawiki/extensions/WikibaseLexeme@master] Migrate Vue2 xyz.sync syntax to separate directives

https://gerrit.wikimedia.org/r/851635