Route

Nuxt の Router を利用した状態管理

項目

How it works

Query

vue
<template>
  <c-input state-src="query://basic" />
  <c-label state-src="query://basic" />
</template>

Hash

vue
<template>
  <c-input state-src="hash://" />
  <c-label state-src="hash://" />
</template>

<script setup>

</script>

Path

Set to 'state' seo-meta
vue
<template>
  <c-link
    state-src="path://2"
    state-to="state"
  >
    Set to 'state'
  </c-link>
  <c-label state-src="path://2" />
</template>

<script setup>

</script>