How to make code from application.js run before code from .html.slim files in Rails 7?

Question

Ruby on Rails

Used importmaps, made pin jquery, in application.js did:

import jquery from 'jquery';
  window.$ = jquery;

For example, index.html.slim uses $:

h1 Hello

  javascript:
    $('h1').hide();

But I get an error that $ is not defined. Most likely just because index.html.slim was executed before application.js. Because after the console everything works as it should.