diff --git a/docs/src/demos/Extensions/Focus/index.vue b/docs/src/demos/Extensions/Focus/index.vue
index 0e4d4e73..4d397d88 100644
--- a/docs/src/demos/Extensions/Focus/index.vue
+++ b/docs/src/demos/Extensions/Focus/index.vue
@@ -33,7 +33,7 @@ export default {
         Text,
         Focus.configure({
           className: 'has-focus',
-          nested: true,
+          mode: 'all',
         }),
         Code,
         BulletList,
@@ -45,7 +45,7 @@ export default {
           The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
         </p>
         <ul>
-          <li>Nested elements (like this list item) will be focused with the default setting of <code>nested: true</code>.</li>
+          <li>Nested elements (like this list item) will be focused with the default setting of <code>mode: all</code>.</li>
           <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
         </ul>
       `,