Finish markdown interface v3

app/src/components/register.ts

@@ -4,6 +4,7 @@ import VAvatar from './v-avatar/';
 import VBadge from './v-badge/';
 import VBreadcrumb from './v-breadcrumb';
 import VButton from './v-button/';
+import VButtonGroup from './v-button-group/';
 import VCard, { VCardActions, VCardTitle, VCardSubtitle, VCardText } from './v-card';
 import VCheckbox from './v-checkbox/';
 import VChip from './v-chip/';
@@ -43,6 +44,7 @@ Vue.component('v-avatar', VAvatar);
 Vue.component('v-badge', VBadge);
 Vue.component('v-breadcrumb', VBreadcrumb);
 Vue.component('v-button', VButton);
+Vue.component('v-button-group', VButtonGroup);
 Vue.component('v-card-actions', VCardActions);
 Vue.component('v-card-subtitle', VCardSubtitle);
 Vue.component('v-card-text', VCardText);

app/src/components/v-button-group/v-button-group.vue

@@ -85,21 +85,21 @@ body {
 	}
 
 	&.tile .v-item-group ::v-deep .v-button {
-		&:first-child {
+		&:first-child .button {
 			--border-radius: 0px;
 		}
 
-		&:last-child {
+		&:last-child .button {
 			--border-radius: 0px;
 		}
 	}
 
 	&.rounded:not(.tile) .v-item-group ::v-deep .v-button {
-		&:first-child {
+		&:first-child .button {
 			--border-radius: var(--v-button-height) 0px 0px var(--v-button-height);
 		}
 
-		&:last-child {
+		&:last-child .button {
 			--border-radius: 0px var(--v-button-height) var(--v-button-height) 0px;
 		}
 	}

app/src/components/v-button/v-button.vue

@@ -209,12 +209,6 @@ body {
 			border-color: var(--v-button-background-color-hover);
 		}
 
-		&.activated {
-		    color: var(--v-button-color);
-		    background-color: var(--v-button-background-color);
-		    border-color: var(--v-button-background-color);
-		}
-
 		&.align-left {
 			justify-content: flex-start;
 		}
@@ -267,9 +261,9 @@ body {
 			--v-button-font-size: 12px;
 			--v-button-font-weight: 600;
 			--v-button-min-width: 60px;
+			--border-radius: 4px;
 
 			padding: 0 12px;
-			border-radius: 4px;
 		}
 
 		&.small {
@@ -336,7 +330,8 @@ body {
 			}
 		}
 
-		&.activated {
+		&.activated,
+		&.active {
 			--v-button-color: var(--v-button-color-activated) !important;
 			--v-button-background-color: var(--v-button-background-color-activated) !important;
 			--v-button-background-color-hover: var(--v-button-background-color-activated) !important;