jade で aタグをブロック要素として出力する方法

divタグをaタグで囲むと下記のような気持ち悪いHTMLにコンパイルされて困っていました

<li><a href="#">
    <div>ホーム</div></a>
</li>

どうにかならないかといろいろ見ていたら inline-tags.js というものを発見。

node_modules/jade/lib/inline-tags.js

'use strict';

module.exports = [
    'a'
  , 'abbr'
  , 'acronym'
  , 'b'
  , 'br'
  , 'code'
  , 'em'
  , 'font'
  , 'i'
  , 'img'
  , 'ins'
  , 'kbd'
  , 'map'
  , 'samp'
  , 'small'
  , 'span'
  , 'strong'
  , 'sub'
  , 'sup'
];

下記のようにaタグを除外する

node_modules/jade/lib/inline-tags.js

'use strict';

module.exports = [
    // 'a'
    'abbr'
  , 'acronym'
  , 'b'
  , 'br'
  , 'code'
  , 'em'
  , 'font'
  , 'i'
  , 'img'
  , 'ins'
  , 'kbd'
  , 'map'
  , 'samp'
  , 'small'
  , 'span'
  , 'strong'
  , 'sub'
  , 'sup'
];

できた

<li>
    <a href="#">
        <div>ホーム</div>
    </a>
</li>