riot.jsで初期URLだけ条件分岐する方法

前提・実現したいこと

riot.jsを使っているのですが、hoge.comからhoge.com/fugaに遷移するときにヘッダ部分がCSS transitionでアニメーションするような仕様にしています(jQueryでクラスを付与)。一方で、hoge.com/fugaに直接アクセスしたときは最初からクラスが付与されてアニメーションが終了したのと同じ状態にしておきたいのです。
現状だと直接URLをたたいてもアニメーションが発生してしまうので、トップから遷移したときはアニメーション有り、直接アクセスしたときはアニメーションなしと処理を分岐できるようにしたいです

該当のソースコード

  <script>
    riot.mount('header')
    riot.mount('navigation')

    route.base('/')
    route('/', function() {
      $('#header').removeClass('animation')
      riot.mount('content', 'main')
    })
    route('/fuga', function() {
      $('#header').addClass('animation')
      riot.mount('content', 'fuga')
    })
    route.start(true)
  </script>

<!-- header.tag -->
  <header>
    <div id="header">
      <!-- ヘッダの中身 -->
    </div>

    <style>
      #header {
        transition: all 1s;
      }
      .animation {
        /* widthとかheightとかtransformとか */
      }
    </style>
  </header>