chore: fix PR comments

Author: scriptcoded

packages/ui-webc/src/components/tabs-tab/readme.md

@@ -3,13 +3,6 @@
 <!-- Auto Generated Below -->
 
 
-## Properties
-
-| Property | Attribute | Description | Type      | Default |
-| -------- | --------- | ----------- | --------- | ------- |
-| `active` | `active`  |             | `boolean` | `false` |
-
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*

packages/ui-webc/src/components/tabs-tab/tabs-tab.tsx

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from "@stencil/core";
+import { Component, h } from "@stencil/core";
 
 @Component({
   tag: "scout-tabs-tab",
@@ -8,9 +8,6 @@ import { Component, h, Prop } from "@stencil/core";
   },
 })
 export class ScoutTabsTab {
-  @Prop()
-  active: boolean = false;
-
   render() {
     return (
       <button class="button-native" type="button">

packages/ui-webc/src/components/tabs/readme.md

@@ -10,20 +10,20 @@ of which tab is active and displays an indicator under the active tab. Use
 `ScoutTabsTab` components to define the individual tabs.
 
 Currently there is no support for navigational tabs. Navigation has to be
-handled programatically for now.
+handled programmatically for now.
 
 ## Properties
 
-| Property | Attribute | Description | Type     | Default |
-| -------- | --------- | ----------- | -------- | ------- |
-| `value`  | `value`   |             | `number` | `0`     |
+| Property | Attribute | Description                                   | Type     | Default |
+| -------- | --------- | --------------------------------------------- | -------- | ------- |
+| `value`  | `value`   | Zero-based index of the currently active tab. | `number` | `0`     |
 
 
 ## Events
 
-| Event         | Description | Type                              |
-| ------------- | ----------- | --------------------------------- |
-| `scoutChange` |             | `CustomEvent<{ value: number; }>` |
+| Event         | Description                                                                                                                                         | Type                              |
+| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- |
+| `scoutChange` | Emitted when the active tab changes as a result of a user click. The `value` in the event detail is the zero-based index of the newly selected tab. | `CustomEvent<{ value: number; }>` |
 
 
 ----------------------------------------------

packages/ui-webc/src/components/tabs/tabs.tsx

@@ -18,7 +18,7 @@ import {
  * `ScoutTabsTab` components to define the individual tabs.
  *
  * Currently there is no support for navigational tabs. Navigation has to be
- * handled programatically for now.
+ * handled programmatically for now.
  */
 @Component({
   tag: "scout-tabs",
@@ -30,18 +30,24 @@ import {
 export class ScoutTabs implements ComponentInterface {
   @Element() el: HTMLElement;
 
+  /**
+   * Zero-based index of the currently active tab.
+   */
   @Prop()
   public value: number = 0;
 
+  /**
+   * Emitted when the active tab changes as a result of a user click.
+   * The `value` in the event detail is the zero-based index of the newly selected tab.
+   */
+  @Event()
+  public scoutChange: EventEmitter<{ value: number }>;
+
   @State()
   private widths: number[] = [];
-
   @State()
   private lefts: number[] = [];
 
-  @Event()
-  public scoutChange: EventEmitter<{ value: number }>;
-
   render() {
     return (
       <Host>