diff --git a/packages/docs/components/Pagination.md b/packages/docs/components/Pagination.md index f08b72ce6..7fa020e07 100644 --- a/packages/docs/components/Pagination.md +++ b/packages/docs/components/Pagination.md @@ -2,7 +2,7 @@
-The **Pagination** component ia responsive and flexible way to indicate a series of related content exists across multiple pages. +The **Pagination** component is responsive and flexible way to indicate a series of related content exists across multiple pages.
diff --git a/packages/oruga/src/components/autocomplete/examples/index.vue b/packages/oruga/src/components/autocomplete/examples/index.vue index 2844b665a..11cffea1e 100644 --- a/packages/oruga/src/components/autocomplete/examples/index.vue +++ b/packages/oruga/src/components/autocomplete/examples/index.vue @@ -54,7 +54,7 @@ import ScrollCode from "./scroll.vue?raw";

The options prop works the same as the - select + Select input component options prop.

diff --git a/packages/oruga/src/components/dropdown/examples/index.vue b/packages/oruga/src/components/dropdown/examples/index.vue index fcceab200..1ecda20d0 100644 --- a/packages/oruga/src/components/dropdown/examples/index.vue +++ b/packages/oruga/src/components/dropdown/examples/index.vue @@ -32,9 +32,8 @@ import PositionCode from "./position.vue?raw";

Triggers

- The dropdown component accepts several different trigger variants, - such as open on hover or open only on right click instead of left - click. + The component accepts several different trigger variants, such as + open on hover or open only on right click instead of left click.

Adding the teleport prop will move the dropdown menu to @@ -70,7 +69,7 @@ import PositionCode from "./position.vue?raw";

The options prop works the same as the - select + Select input component options prop.

@@ -79,8 +78,8 @@ import PositionCode from "./position.vue?raw";

Selectable

- Dropdown components with the prop selectable will have - options as a selectable list. + Components with the prop selectable will have options + as a selectable list.

Adding the multiple prop will change the @@ -91,9 +90,9 @@ import PositionCode from "./position.vue?raw";

Inline

- Dropdown components with the inline prop set will - render the options list directly, and will not have a trigger - element rendered. + Components with the inline prop set will render the + options list directly, and will not have a trigger element + rendered.

@@ -101,8 +100,8 @@ import PositionCode from "./position.vue?raw";

- The dropdown component can be opened in an modal mode - either for mobile or desktop only, or for both, by adding the + The content can be opened in an modal mode either for + mobile or desktop only, or for both, by adding the mobile-modal and desktop-modal props.

diff --git a/packages/oruga/src/components/dropdown/examples/inspector.vue b/packages/oruga/src/components/dropdown/examples/inspector.vue index 424ac0f75..43ed3c677 100644 --- a/packages/oruga/src/components/dropdown/examples/inspector.vue +++ b/packages/oruga/src/components/dropdown/examples/inspector.vue @@ -20,9 +20,7 @@ const inspectData = [ properties: ["teleport"], action: (cmp, data): void => { data.teleport = true; - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -31,9 +29,7 @@ const inspectData = [ warning: "Switch to mobile view to see it in action!", specificity: "when mobileClass is applied", action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -42,9 +38,7 @@ const inspectData = [ specificity: "when inlineClass or mobileClass or expandedClass is applied", action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -60,9 +54,7 @@ const inspectData = [ description: "Class of dropdown menu when active", properties: ["inline", "active"], action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -80,9 +72,7 @@ const inspectData = [ suffixes: ["top-right", "top-left", "bottom-right", "bottom-left"], action: (cmp, data): void => { data.position = "top-right"; - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -90,9 +80,7 @@ const inspectData = [ description: "Class of dropdown when on mobile", warning: "Switch to mobile view to see it in action!", action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -108,9 +96,7 @@ const inspectData = [ description: "Class of the dropdown item", subitem: true, action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -118,9 +104,7 @@ const inspectData = [ description: "Class of the dropdown item when active", subitem: true, action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -129,9 +113,7 @@ const inspectData = [ description: "Class of the dropdown item when disabled", properties: ["disabled"], action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, { @@ -140,9 +122,7 @@ const inspectData = [ description: "Class of the dropdown item when clickable", properties: ["clickable"], action: (): void => { - setTimeout((): void => { - dropdownbtn.value?.click(); - }, 300); + setTimeout(() => dropdownbtn.value?.click(), 300); }, }, ]; diff --git a/packages/oruga/src/components/field/examples/index.vue b/packages/oruga/src/components/field/examples/index.vue index 4fafc770a..29f25eaa0 100644 --- a/packages/oruga/src/components/field/examples/index.vue +++ b/packages/oruga/src/components/field/examples/index.vue @@ -41,7 +41,7 @@ import SlotsCode from "./slots.vue?raw";

-

Slots

+

Slots

The label and the message can be customised using slots if needed. diff --git a/packages/oruga/src/components/menu/examples/index.vue b/packages/oruga/src/components/menu/examples/index.vue index f097a39b5..def98f101 100644 --- a/packages/oruga/src/components/menu/examples/index.vue +++ b/packages/oruga/src/components/menu/examples/index.vue @@ -49,7 +49,7 @@ import OptionsCode from "./options.vue?raw";

The options prop works the same as the - select + Select input component options prop.

diff --git a/packages/oruga/src/components/modal/examples/component.vue b/packages/oruga/src/components/modal/examples/component.vue index fc64ddc08..368157013 100644 --- a/packages/oruga/src/components/modal/examples/component.vue +++ b/packages/oruga/src/components/modal/examples/component.vue @@ -2,7 +2,7 @@ import { ref } from "vue"; import ModalForm from "./_modal-form-async.vue"; -const isModalActive = ref(false); +const isActive = ref(false);