For Page Loading Transitions

Page Loading Transitions are enabled by default. If you wish to disable the page loading transition you can simply remove loader from respective layout in layouts folder

or

simply remove loader component folder inside components

<div id="loading">
    <div :class="`loader simple-loader ${!show ? 'd-none' : ''}`">
      <div class="loader-body">
        <img src="@/assets/images/loader.webp" alt="loader" class="light-loader img-fluid w-25" width="200" height="200" />
      </div>
    </div>
  </div>

In vue, loader changes in 2 different ways

  • Go to public/assets/images/loader.gif and Replace images.
  • Go to src/components/partial/Loader.jsx Remove this component
Previous Next