Renderice un componente al hacer clic en el botón en Odoo 14.

Estoy intentando renderizar un componente en el click de un botón.
He creado una plantilla y un componente. Pero no sé cómo vincular la acción del botón y el componente.

Aquí está el código:

component.js

  /** @odoo-module **/

  const { Component } = owl;
  const { useSubEnv, useState } = owl.hooks;

  class BasketVerificationComponent extends Component{

  }

  BasketVerificationComponent.template = 'mobile_basket_verification.basket_verification';

template.xml

      <?xml version="1.0" encoding="UTF-8"?>
      <templates id="template" xml:space="preserve">
        <div t-name="mobile_basket_verification.BasketVerificationComponent" class="o_content o_barcode_client_action" owl="1">
          <div class="o_barcode_header">
            <nav class="navbar-nav mr-auto">
                <span>Am here</span>  
                <span class="o_title navbar-text text-white" t-esc="env.model.name"></span>
            </nav>
          </div>
        </div>
      </templates>

Buttonaction.js

      odoo.define('mobile_basket_verification.basket_menu', function (require) {
      "use strict";

      const MainMenu = require('stock_barcode.MainMenu').MainMenu;

      MainMenu.include({
          events: Object.assign({}, MainMenu.prototype.events, {

              'click .basket_verification_line': function () {
                this.do_action('mobile_basket_verification.BasketVerificationComponent');
              },

          }),
      });
      });