Initiate dom7 in component page

Is it possible to initiate dom7 in component pages e.g pages/user-signup.html

<script>
    return {
       mounted(){
            const self = this;
            const app = self.$f7;

            // var $$ = self.$Dom7;
            
            Not working

            $$("#g-user-signup-form").on('formAjaxSuccess', function (formEl, data, xhr) {
                
                // hide preloader
                setTimeout(function () {
                  app.dialog.close();

                  // redirect the user to the confirm otp page

                  var view = app.views.create(".view-main",{
                    url: '/'
                  });

                  view.router.navigate('/user-verification/');

                }, 3000);
 }
}
<script>

It is here in docs how to access Dom7 in components thttps://framework7.io/docs/router-component.html#component-context

It is self.$ or self.$$ or self.$dom7

In another diffrent case like this, the click event is not working.

<script>
    return {
       mounted(){
            const self = this;
            const app = self.$f7;

            var $$ = self.$dom7;

            // self.$ or self.$$ or self.$dom7 (Working code...)

            var swiper = app.swiper.create('.swiper-container', {
              speed: 400,
              spaceBetween: 0
            });

            $$("#ob-one").on("click",function(){

              console.log("Testing Click 1,2");

              swiper.slideNext();

            });
        },
    };
</script>