Nuxt.js 2系 (Composition API)でPropsの型に 文字列リテラル型を使いたい時のメモ

概要

Propsにプリミティブな型以外を指定したい時の方法を定期的に忘れるので今回はその備忘録です...

結論

📝 PropType型 を '@nuxtjs/composition-api' からimportして PropType<指定したい型> で定義する

<script lang="ts">
import { defineComponent, PropType } from '@nuxtjs/composition-api';

type EditMode = 'base' | 'hoge' | 'fuga';

export default defineComponent({
  name: 'EditNav',
  props: {
   editMode: {
      type: String as PropType<Mode>,
      default: 'base',
    },
  },
  setup() {
    // 中略
  },
});
</script>