style(components): don't self close tags

core/src/components/alert/alert.tsx

@@ -337,7 +337,7 @@ export class Alert implements OverlayInterface {
                 {i.label}
               </div>
             </div>
-            {this.mode === 'md' && <ion-ripple-effect />}
+            {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
           </button>
         ))}
       </div>
@@ -368,7 +368,7 @@ export class Alert implements OverlayInterface {
                 {i.label}
               </div>
             </div>
-            {this.mode === 'md' && <ion-ripple-effect />}
+            {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
           </button>
         ))}
       </div>

core/src/components/button/button.tsx

@@ -186,7 +186,7 @@ export class Button {
           <slot></slot>
           <slot name="end"></slot>
         </span>
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </TagType>
     );
   }

core/src/components/chip-button/chip-button.tsx

@@ -63,7 +63,7 @@ export class ChipButton {
         <span class="chip-button-inner">
           <slot></slot>
         </span>
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </TagType>
     );
   }

core/src/components/datetime/datetime.tsx

@@ -538,7 +538,7 @@ export class Datetime {
         onClick={this.open.bind(this)}
         class="datetime-cover"
       >
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </button>
     ];
   }

core/src/components/item/item.tsx

@@ -161,7 +161,7 @@ export class Item {
           {showDetail && <ion-icon icon={detailIcon} lazy={false} class="item-detail-icon"></ion-icon>}
         </div>
         {state && <div class="item-state"></div>}
-        {clickable && mode === 'md' && <ion-ripple-effect />}
+        {clickable && mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </TagType>
     );
   }

core/src/components/segment-button/segment-button.tsx

@@ -76,7 +76,7 @@ export class SegmentButton {
         onClick={() => this.checked = true}
       >
         <slot></slot>
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </button>
     ];
   }

core/src/components/select/select.tsx

@@ -506,7 +506,7 @@ export class Select {
         class="select-cover"
       >
         <slot></slot>
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </button>
     ];
   }

core/src/components/tabbar/tabbar.tsx

@@ -136,7 +136,7 @@ export class Tabbar {
         {icon && <ion-icon class="tab-btn-icon" icon={icon} lazy={false}></ion-icon>}
         {label && <span class="tab-btn-text">{label}</span>}
         {badge && <ion-badge class="tab-btn-badge" color={badgeColor}>{badge}</ion-badge>}
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </a>
     );
   }

core/src/utils/tap-click.ts

@@ -77,7 +77,7 @@ export function startTapClick(doc: Document) {
 
     const { x, y } = pointerCoord(ev);
 
-    // unactivate selected
+    // deactivate selected
     if (activatableEle) {
       if (clearDefers.has(activatableEle)) {
         throw new Error('internal error');