SEO対策にて パラメータによってtitleとdescriptionを変えたい

Question

SEO対策のため、titleとdescriptionをパラメータが違う時も表示を変えようということになりました。

【例】
/test の時
title:グルメツアー
description:グルメ一覧なんだよ！

/test?shop_id=01 の時
title:A店紹介 | グルメツアー
description:A店の紹介！テステステストなんだよ〜！

/test?shop_id=02 の時
title:B店紹介 | グルメツアー
description:B店の紹介！美味しいから食べてみな！

/test?shop_id=01&recommendation_ids=1 の時
title:A店紹介 | グルメツアー　おすすめ度順
description:A店の紹介！おすすめだよ！

/test?shop_id=02&recommendation_ids=1 の時
title:B店紹介 | グルメツアー　おすすめ度順
description:B店の紹介！美味しいから食べてみな！おすすめなのだよ

/test?shop_id=01&recommendation_ids=2 の時
title:A店紹介 | グルメツアー　おすすめ度順
description:A店の紹介！口コミ数順

そこで、Nuxt.jsで効率的にhead()の内容を設定する方法を参考にファイルを作成してみました！

問題：
route: '/test'はしっかり反応してくれていて/testの時はmeta.jsで記入したものがtitleとdescriptionに表示されました。
ですが、パラメータの認識ができていないのか、パラメータの部分だけパラメータがついていない物のtitleとdescriptionになってしまいます。
(URLは/test?shop_id=01なのに、titleとdescriptionは/testのやつになる)

route:はパラメータの区別ができないのでしょうか？
また、こちらの解決方法はありますでしょうか？（なんと調べると欲しい情報がGETできるのでしょうか？）

---

assets/meta.js

export default [
  {
    route: '/test',
    title: 'グルメツアー',
    description: 'グルメ一覧なんだよ！'
  },
  {
    route: '/test?shop_id=01',
    title: 'A店紹介 | グルメツアー',
    description: 'A店の紹介！テステステストなんだよ〜！'
  },
  {
    route: '/test?shop_id=02',
    title: 'B店紹介 | グルメツアー',
    description: 'B店の紹介！美味しいから食べてみな！'
  },
　{
    route: '/test?shop_id=01&recommendation_ids=1',
    title: 'A店紹介 | グルメツアー　おすすめ度順',
    description: 'A店の紹介！おすすめだよ！'
  },
　{
    route: 'test?shop_id=02&recommendation_ids=1',
    title: 'B店紹介 | グルメツアー　おすすめ度順',
    description: 'B店の紹介！美味しいから食べてみな！おすすめなのだよ'
  },
　{
    route: 'test?shop_id=01&recommendation_ids=2',
    title: 'A店紹介 | グルメツアー　おすすめ度順',
    description: 'A店の紹介！口コミ数順'
  },
]

---

mixins/Meta.js

import metaConfig from '~/assets/meta.js'

export default {
  head() {
    const metaData = metaConfig.find(el => el.route === this.$route.path)
    return {
      title: metaData.title,
      meta: [
        { hid: 'description', name: 'description', content: metaData.description },
      ]
    }
  }
}

---

pages/test/index.vue

import metaMixin from '~/mixins/Meta.js'

export default {
  mixins: [metaMixin],
}

Answer 1

this.$route.fullPathにするとパラメーターの部分も認識するようになりました！