Refactor #3965 - Update Base components

components/lib/avatargroup/BaseAvatarGroup.vue

@@ -23,15 +23,13 @@ export default {
     name: 'BaseAvatarGroup',
     extends: BaseComponent,
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/inlinemessage/BaseInlineMessage.vue

@@ -42,15 +42,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/message/BaseMessage.vue

@@ -93,15 +93,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/rating/BaseRating.vue

@@ -88,15 +88,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/toolbar/BaseToolbar.vue

@@ -43,15 +43,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>