docs(VChip): fix examples for a11y (#21998)

Author: J-Sek

packages/docs/src/examples/v-chip-group/misc-product-card.vue

@@ -22,15 +22,15 @@
 
       <v-chip-group
         v-model="selection"
-        selected-class="text-deep-purple-accent-4"
+        selected-class="v-chip--selected v-chip--variant-tonal text-deep-purple-accent-4"
+        variant="outlined"
         mandatory
       >
         <v-chip
           v-for="size in sizes"
           :key="size"
           :text="size"
           :value="size"
-          variant="outlined"
         ></v-chip>
       </v-chip-group>
     </v-card-text>

packages/docs/src/examples/v-chip-group/misc-toothbrush-card.vue

@@ -23,13 +23,14 @@
 
       <v-chip-group
         v-model="selection"
-        variant="flat"
+        selected-class="v-chip--selected v-chip--variant-flat"
+        variant="outlined"
         mandatory
       >
-        <v-chip text="Extra Soft" border></v-chip>
-        <v-chip text="Soft" border></v-chip>
-        <v-chip text="Medium" border></v-chip>
-        <v-chip text="Hard" border></v-chip>
+        <v-chip text="Extra Soft"></v-chip>
+        <v-chip text="Soft"></v-chip>
+        <v-chip text="Medium"></v-chip>
+        <v-chip text="Hard"></v-chip>
       </v-chip-group>
     </v-card-text>
 

packages/docs/src/examples/v-item-group/misc-chips.vue

@@ -61,12 +61,6 @@ Item groups can have **multiple** items selected.
 
 ### Misc
 
-#### Chips
-
-Easily hook up a custom chip group.
-
-<ExamplesExample file="v-item-group/misc-chips" />
-
 #### Selection
 
 Icons can be used as toggle buttons when they allow selection, or deselection, of a single choice, such as marking an item as a favorite.