Merge branch 'main' into pr/4064

Author: brandyscarney

docs/developer-resources/books.md

@@ -197,7 +197,7 @@ const UsersListPage: React.FC = () => {
 
 Other components that have the `routerLink` prop are `IonButton`, `IonCard`, `IonRouterLink`, `IonFabButton`, and `IonItemOption`.
 
-Each of these components also have a `routerDirection` prop to explicitly set the type of page transition to use ("back", "forward", or "none").
+Each of these components also have a `routerDirection` prop to explicitly set the type of page transition to use (`"forward"`, `"back"`, or `"root"`).
 
 Outside of these components that have the `routerLink` prop, you can also use React Routers [`Link`](https://v5.reactrouter.com/web/api/Link) component to navigate between views:
 

docs/react/navigation.md

@@ -23,7 +23,7 @@ The current status of each Ionic Framework version is:
 | Version |     Status     |   Released   | Maintenance Ends | Ext. Support Ends |
 | :-----: | :------------: | :----------: | :--------------: | :---------------: |
 |   V8    |   **Active**   | Apr 17, 2024 |       TBD        |        TBD        |
-|   V7    |  Maintenance   | Mar 29, 2023 |   Oct 17, 2024   |   Apr 17, 2025    |
+|   V7    | End of Support | Mar 29, 2023 |   Oct 17, 2024   |   Apr 17, 2025    |
 |   V6    | End of Support | Dec 8, 2021  |   Sep 29, 2023   |   Mar 29, 2024    |
 |   V5    | End of Support | Feb 11, 2020 |   June 8, 2022   |    Dec 8, 2022    |
 |   V4    | End of Support | Jan 23, 2019 |   Aug 11, 2020   |   Sept 30, 2022   |

docs/reference/support.md

@@ -138,7 +138,7 @@ Both options provide the same navigation mechanism, just fitting different use c
 
 The `router-link` attribute can be set on any Ionic Vue component, and the router will navigate to the route specified when the component is clicked. The `router-link` attribute accepts string values as well as named routes, just like `router.push` from Vue Router. For additional control, the `router-direction` and `router-animation` attributes can be set as well.
 
-The `router-direction` attribute accepts values of `forward`, `back`, or `none` and is used to control the direction of the page transition.
+The `router-direction` attribute accepts values of `"forward"`, `"back"`, or `"root"` and is used to control the direction of the page transition.
 
 The `router-animation` attribute accepts an `AnimationBuilder` function and is used to provide a custom page transition that is only used when clicking the component it is provided on. The `AnimationBuilder` type is a function that returns an Ionic Animation instance. See the [Animations documentation](../utilities/animations) for more information on using animations in Ionic Vue.
 

docs/vue/navigation.md

@@ -72,7 +72,7 @@ interface UseIonRouterResult {
   forward: (routerAnimation?: AnimationBuilder) => void;
   navigate: (
     location: string | Location,
-    routerDirection?: 'forward' | 'back' | 'root' | 'none',
+    routerDirection?: 'forward' | 'back' | 'root',
     routerAction?: 'push' | 'pop' | 'replace',
     routerAnimation?: AnimationBuilder
   ) => void;

docs/vue/utility-functions.md

@@ -33,7 +33,7 @@ const ArchivedVersionsDropdownItems = Object.entries(ARCHIVED_VERSIONS_JSON).spl
 const BASE_URL = '/docs';
 
 module.exports = {
-  title: 'Ionic Documentation',
+  title: 'Ionic Framework',
   tagline:
     'Ionic is the app platform for web developers. Build amazing mobile and web apps with one shared code base and open web standards',
   url: 'https://ionicframework.com',
@@ -81,6 +81,7 @@ module.exports = {
           },
           exclude: ['README.md'],
           lastVersion: 'current',
+          /** @type {import('@docusaurus/plugin-content-docs').VersionOptions} */
           versions: {
             current: {
               label: 'v8',
@@ -333,6 +334,7 @@ module.exports = {
     },
   },
   plugins: [
+    // Allows usage of Sass/SCSS in the CSS preprocessor.
     'docusaurus-plugin-sass',
     [
       'docusaurus-plugin-module-alias',