diff --git a/docs/components/api.md b/docs/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/docs/components/api.md +++ b/docs/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/docs/components/form-associated.md b/docs/components/form-associated.md index a43a04a6e..f434a78ed 100644 --- a/docs/components/form-associated.md +++ b/docs/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/docs/testing/01-overview.md b/docs/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/docs/testing/01-overview.md +++ b/docs/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/docusaurus.config.js b/docusaurus.config.js index 00f091ae5..bb09227b7 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -14,6 +14,7 @@ const config = { baseUrl: '/docs/', onBrokenLinks: 'throw', onBrokenMarkdownLinks: 'warn', + onBrokenAnchors: 'throw', favicon: `https://${HOSTNAME}/favicon-32x32.png`, organizationName: 'ionic-team', diff --git a/src/components/LifecycleMethodsChart.tsx b/src/components/LifecycleMethodsChart.tsx index 5f626f3fe..e6531a99f 100644 --- a/src/components/LifecycleMethodsChart.tsx +++ b/src/components/LifecycleMethodsChart.tsx @@ -60,7 +60,7 @@ export default function LifecycleMethodsChart() { - + diff --git a/versioned_docs/version-v2/components/api.md b/versioned_docs/version-v2/components/api.md index 9acb07735..29320df1d 100644 --- a/versioned_docs/version-v2/components/api.md +++ b/versioned_docs/version-v2/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v2/testing/01-overview.md b/versioned_docs/version-v2/testing/01-overview.md index c1ebdb13b..198bc1d40 100644 --- a/versioned_docs/version-v2/testing/01-overview.md +++ b/versioned_docs/version-v2/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v3/components/api.md b/versioned_docs/version-v3/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v3/components/api.md +++ b/versioned_docs/version-v3/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v3/introduction/upgrading-to-stencil-three.md b/versioned_docs/version-v3/introduction/upgrading-to-stencil-three.md index 4a2b18220..6784d95da 100644 --- a/versioned_docs/version-v3/introduction/upgrading-to-stencil-three.md +++ b/versioned_docs/version-v3/introduction/upgrading-to-stencil-three.md @@ -272,7 +272,7 @@ export const config: Config = { | `default` | No additional re-export or auto-definition behavior will be performed.

This value will be used if no explicit value is set in the config, or if a given value is not a valid option. | | `auto-define-custom-elements` | A component and its children will be automatically defined with the `CustomElementRegistry` when the component's module is imported. | | `bundle` | A utility `defineCustomElements()` function is exported from the `index.js` file of the output directory. This function can be used to quickly define all Stencil components in a project on the custom elements registry. | -| `single-export-module` | All component and custom element definition helper functions will be exported from the `index.js` file in the output directory (see [here](../output-targets/custom-elements.md#customElementsExportBehavior) for more information on this file's purpose). This file can be used as the root module when distributing your component library, see [here](../output-targets/custom-elements.md#distributing-custom-elements) for more details. | +| `single-export-module` | All component and custom element definition helper functions will be exported from the `index.js` file in the output directory (see [here](../output-targets/custom-elements.md#customelementsexportbehavior) for more information on this file's purpose). This file can be used as the root module when distributing your component library, see [here](../output-targets/custom-elements.md#distributing-custom-elements) for more details. | :::note This option also has an impact when using the [Stencil framework integration output targets](../framework-integration/01-overview.md). Please see the [framework integration migration](#framework-integration-output-targets) section below for more information. diff --git a/versioned_docs/version-v3/testing/01-overview.md b/versioned_docs/version-v3/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v3/testing/01-overview.md +++ b/versioned_docs/version-v3/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.0/components/api.md b/versioned_docs/version-v4.0/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.0/components/api.md +++ b/versioned_docs/version-v4.0/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.0/testing/01-overview.md b/versioned_docs/version-v4.0/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.0/testing/01-overview.md +++ b/versioned_docs/version-v4.0/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.1/components/api.md b/versioned_docs/version-v4.1/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.1/components/api.md +++ b/versioned_docs/version-v4.1/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.1/testing/01-overview.md b/versioned_docs/version-v4.1/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.1/testing/01-overview.md +++ b/versioned_docs/version-v4.1/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.10/components/api.md b/versioned_docs/version-v4.10/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.10/components/api.md +++ b/versioned_docs/version-v4.10/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.10/components/form-associated.md b/versioned_docs/version-v4.10/components/form-associated.md index a43a04a6e..f434a78ed 100644 --- a/versioned_docs/version-v4.10/components/form-associated.md +++ b/versioned_docs/version-v4.10/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.10/testing/01-overview.md b/versioned_docs/version-v4.10/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.10/testing/01-overview.md +++ b/versioned_docs/version-v4.10/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.11/components/api.md b/versioned_docs/version-v4.11/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.11/components/api.md +++ b/versioned_docs/version-v4.11/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.11/components/form-associated.md b/versioned_docs/version-v4.11/components/form-associated.md index a43a04a6e..f434a78ed 100644 --- a/versioned_docs/version-v4.11/components/form-associated.md +++ b/versioned_docs/version-v4.11/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.11/testing/01-overview.md b/versioned_docs/version-v4.11/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.11/testing/01-overview.md +++ b/versioned_docs/version-v4.11/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.2/components/api.md b/versioned_docs/version-v4.2/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.2/components/api.md +++ b/versioned_docs/version-v4.2/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.2/testing/01-overview.md b/versioned_docs/version-v4.2/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.2/testing/01-overview.md +++ b/versioned_docs/version-v4.2/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.3/components/api.md b/versioned_docs/version-v4.3/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.3/components/api.md +++ b/versioned_docs/version-v4.3/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.3/testing/01-overview.md b/versioned_docs/version-v4.3/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.3/testing/01-overview.md +++ b/versioned_docs/version-v4.3/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.4/components/api.md b/versioned_docs/version-v4.4/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.4/components/api.md +++ b/versioned_docs/version-v4.4/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.4/testing/01-overview.md b/versioned_docs/version-v4.4/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.4/testing/01-overview.md +++ b/versioned_docs/version-v4.4/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.5/components/api.md b/versioned_docs/version-v4.5/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.5/components/api.md +++ b/versioned_docs/version-v4.5/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.5/components/form-associated.md b/versioned_docs/version-v4.5/components/form-associated.md index 385f0c2d1..6b0384a78 100644 --- a/versioned_docs/version-v4.5/components/form-associated.md +++ b/versioned_docs/version-v4.5/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.5/testing/01-overview.md b/versioned_docs/version-v4.5/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.5/testing/01-overview.md +++ b/versioned_docs/version-v4.5/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.6/components/api.md b/versioned_docs/version-v4.6/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.6/components/api.md +++ b/versioned_docs/version-v4.6/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.6/components/form-associated.md b/versioned_docs/version-v4.6/components/form-associated.md index 385f0c2d1..6b0384a78 100644 --- a/versioned_docs/version-v4.6/components/form-associated.md +++ b/versioned_docs/version-v4.6/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.6/testing/01-overview.md b/versioned_docs/version-v4.6/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.6/testing/01-overview.md +++ b/versioned_docs/version-v4.6/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.7/components/api.md b/versioned_docs/version-v4.7/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.7/components/api.md +++ b/versioned_docs/version-v4.7/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.7/components/form-associated.md b/versioned_docs/version-v4.7/components/form-associated.md index 385f0c2d1..6b0384a78 100644 --- a/versioned_docs/version-v4.7/components/form-associated.md +++ b/versioned_docs/version-v4.7/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.7/testing/01-overview.md b/versioned_docs/version-v4.7/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.7/testing/01-overview.md +++ b/versioned_docs/version-v4.7/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.8/components/api.md b/versioned_docs/version-v4.8/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.8/components/api.md +++ b/versioned_docs/version-v4.8/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.8/components/form-associated.md b/versioned_docs/version-v4.8/components/form-associated.md index a43a04a6e..f434a78ed 100644 --- a/versioned_docs/version-v4.8/components/form-associated.md +++ b/versioned_docs/version-v4.8/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.8/testing/01-overview.md b/versioned_docs/version-v4.8/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.8/testing/01-overview.md +++ b/versioned_docs/version-v4.8/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core'; diff --git a/versioned_docs/version-v4.9/components/api.md b/versioned_docs/version-v4.9/components/api.md index ff45371d1..a70e6bb9c 100644 --- a/versioned_docs/version-v4.9/components/api.md +++ b/versioned_docs/version-v4.9/components/api.md @@ -15,12 +15,12 @@ The whole API provided by stencil can be condensed in a set of decorators, lifec Decorators are a pure compiler-time construction used by stencil to collect all the metadata about a component, the properties, attributes and methods it might expose, the events it might emit or even the associated stylesheets. Once all the metadata has been collected, all the decorators are removed from the output, so they don't incur any runtime overhead. -- [@Component()](./component.md#component-decorator) declares a new web component +- [@Component()](./component.md) declares a new web component - [@Prop()](./properties.md#the-prop-decorator-prop) declares an exposed property/attribute - [@State()](./state.md#the-state-decorator-state) declares an internal state of the component - [@Watch()](./reactive-data.md#the-watch-decorator-watch) declares a hook that runs when a property or state changes - [@Element()](./host-element.md#element-decorator) declares a reference to the host element -- [@Method()](./methods.md#method-decorator) declares an exposed public method +- [@Method()](./methods.md) declares an exposed public method - [@Event()](./events.md#event-decorator) declares a DOM event the component might emit - [@Listen()](./events.md#listen-decorator) listens for DOM events diff --git a/versioned_docs/version-v4.9/components/form-associated.md b/versioned_docs/version-v4.9/components/form-associated.md index a43a04a6e..f434a78ed 100644 --- a/versioned_docs/version-v4.9/components/form-associated.md +++ b/versioned_docs/version-v4.9/components/form-associated.md @@ -22,7 +22,7 @@ support have shipped the necessary APIs. ## Creating a Form-Associated Component -A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formAssociated) +A form-associated Stencil component is one which sets the new [`formAssociated`](./component.md#formassociated) option in the argument to the `@Component` decorator to `true`, like so: diff --git a/versioned_docs/version-v4.9/testing/01-overview.md b/versioned_docs/version-v4.9/testing/01-overview.md index acc453744..59c7cd288 100644 --- a/versioned_docs/version-v4.9/testing/01-overview.md +++ b/versioned_docs/version-v4.9/testing/01-overview.md @@ -76,7 +76,7 @@ your tests should be run. ### Testing Configuration -Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md#testing-config) for more info. +Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config `testing` property. Please see the [Testing Config docs](./config.md) for more info. ```tsx import { Config } from '@stencil/core';