resources/src/mediawiki.special.block/init.js

   1 'use strict';
   2
   3 const outer = document.querySelector( '.mw-htmlform' );
   4 if ( outer ) {
   5         outer.classList.add( 'mw-block-form' );
   6         const Vue = require( 'vue' );
   7         const App = require( './SpecialBlock.vue' );
   8         const { createPinia } = require( 'pinia' );
   9
  10         // Load any extension-provided messages added by the PHP GetAllBlockActions hook.
  11         ( new mw.Api() ).loadMessagesIfMissing(
  12                 Object.keys( mw.config.get( 'partialBlockActionOptions' ) || {} )
  13         ).then( () => {
  14                 Vue.createMwApp( App )
  15                         .use( createPinia() )
  16                         .mount( outer );
  17                 // We keep the wrapping form but never want it to submit.
  18                 outer.addEventListener( 'submit', ( e ) => e.preventDefault() );
  19         } );
  20 }