Nuxt + Composition API でURLのパスパラメータを取得する

概要

Nuxt + Composition API (+ TypeScript) でURLのパスパラメータを取得することが目的です。
意外と詰まって記事もさくっと見つからなかったので書いてみました。

環境

Nuxt 2.15.8

解決策

<script lang="ts">
import {defineComponent, reactive, onBeforeMount, ref, useContext} from '@nuxtjs/composition-api'

export default defineComponent({
  setup() {
      const context = useContext()
      const idOfStr = context.params.value.id
      const idOfNum = Number(idOfStr)
      
      ... 省略 ...
      
  }
})
</script>

参考

Nuxt公式 > Nuxt Composition API > useContext()