fix(#3597): color classes ugly colors in example

epicmaxco · Jul 10, 2023 · a101e6a · a101e6a
1 parent 54c9b3b
commit a101e6a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/docs/page-config/services/colors-classes/code/setup-example.ts b/packages/docs/page-config/services/colors-classes/code/setup-example.ts
@@ -1,15 +1,15 @@
-// main.js
+import { createApp } from 'vue'
 import { createVuestic } from 'vuestic-ui'
 import 'vuestic-ui/dist/vuestic-ui.css'
 
-createApp()
+createApp(App)
   .use(createVuestic({
     config: {
-      colors: { ... },
+      colors: { /*...*/ },
       colorsClasses: [
         {
           prefix: 'custom',
-          property: ['border', 'color'],
+          property: ['border-color', 'color'],
         },
         {
           prefix: 'brand',

diff --git a/packages/docs/page-config/services/colors-classes/examples/Default.vue b/packages/docs/page-config/services/colors-classes/examples/Default.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <p class="va-custom--success p-4">
-      Now I'm have a green color on the borders and text colors
+    <p class="va-custom--primary border-2 p-4 mb-4">
+      Now I'm have a "primary" color on the borders and text colors
     </p>
-    <p class="va-brand--danger p-4">
-      I have a red background
+    <p class="va-brand--warning p-4">
+      I have a "warning" background
     </p>
   </div>
 </template>
@@ -20,7 +20,7 @@ export default {
       colorsClasses: [
         {
           prefix: 'custom',
-          property: ['border', 'color'],
+          property: ['border-color', 'color'],
         },
         {
           prefix: 'brand',