v-focus-section.md

v-focus-section

A directive that define a focus Section

<div v-focus-section>
  <div v-focus>
    <div></div>
  </div>
  <div v-focus>
    <div></div>
  </div>
</div>

Pass a specified section id

<!-- section id -->
<div v-focus-section:my-section>
  <div v-focus></div>
</div>

Set configuration

<!-- set configuration -->
<div v-focus-section:my-section="{enterTo:'last-focused'}">
  <div v-focus></div>
</div>

Set default section

<!-- set default section -->
<div v-focus-section:my-section.default="{enterTo:'last-focused'}">
  <div v-focus></div>
</div>