Nuxt.jsのモジュールでレイアウトを動的に変更するには

Question

Nuxt.jsのモジュールを使って、ページに文字列で設定したレイアウトを動的に変更することはできますか？
例えば、ページコンポーネントで以下のようにレイアウトを設定したとします。

export default {
  layout: 'blog'
}

このときに、スマホからのアクセスなら /layouts/sp/blog.vue を参照し、それ以外は通常（/layouts/blog.vue）となるようにしたいです。

試行錯誤して、layoutはFunctionを取ることもできることがわかったので、プラグインを追加して関数をinjectしてあげれば、以下のような形で実現できることはわかりました。

export default {
  layout: (context) => context.app.$layout('blog')
}

export default (context, inject) => {
  inject('layout', string => {
    // isMobile は別途実装
    if (isMobile) return `sp/${string}`
    return string
  })
}

これを文字列を指定しただけで実現したいのですが、可能でしょうか？
適切な位置でフックをかければ出来るのではないかと思っているのですが、それがよくわからず...。
Nuxt.js - 特定のフックでタスクを実行する

よろしくお願いします。