chore(all): format md (VIV-1628)

.github/CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -105,7 +105,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

.github/CONTRIBUTING.md

@@ -15,10 +15,12 @@ Never made an open source contribution before? Wondering how contributions work
 - Run `npm install`
 
 - Building and developing the documentation:
+
   - Development: `npx nx run docs:serve` or `npm start`
   - Build: `npx run build docs`
 
 - Building and developing the components:
+
   - Unit Tests
     - `npx nx run components:test` to start the tests or `npm test`
     - `npx nx run components:test --watch` to start the tests in watch mode

.prettierignore

@@ -15,4 +15,3 @@ package-lock.json
 **/*.css
 **/*.scss
 **/*.vue
-**/*.md

README.md

@@ -59,6 +59,7 @@ This project is [Apache 2.0][license-url] licensed.
 
 <!-- MARKDOWN LINKS & IMAGES -->
 <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+
 [codecov-shield]: https://img.shields.io/codecov/c/gh/Vonage/vivid-3?style=for-the-badge&token=74ALFP2OR2
 [codecov-url]: https://codecov.io/gh/Vonage/vivid-3
 [contributors-shield]: https://img.shields.io/github/contributors/vonage/vivid-3.svg?style=for-the-badge

apps/docs/assets/styles/main.css

@@ -14,6 +14,7 @@ code {
   background-color: var(--vvd-color-neutral-50);
   border-radius: 4px;
   padding: 0px 6px;
+	tab-size: 4;
 }
 
 strong {

apps/vue-docs/docs/examples/accordion-item.md

@@ -11,10 +11,10 @@
 ```vue
 <!--@include: ./components/accordionItem/HeadingExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 ## Heading Level
 
 <code-tab>
@@ -26,11 +26,10 @@
 ```vue
 <!--@include: ./components/accordionItem/HeadingLevelExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
-
 ## Expanded
 
 <code-tab>
@@ -42,10 +41,10 @@
 ```vue
 <!--@include: ./components/accordionItem/ExpandedExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 ## No-Indicator
 
 <code-tab>
@@ -57,10 +56,10 @@
 ```vue
 <!--@include: ./components/accordionItem/NoIndicatorExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 ## Meta
 
 <code-tab>
@@ -72,10 +71,10 @@
 ```vue
 <!--@include: ./components/accordionItem/MetaExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 ## Icon
 
 <code-tab>
@@ -86,13 +85,11 @@
 
 ```vue
 <!--@include: ./components/accordionItem/IconExample.vue-->
-
 ```
+
 </template>
 </code-tab>
 
-
-
 ## Size
 
 <code-tab>
@@ -104,6 +101,7 @@
 ```vue
 <!--@include: ./components/accordionItem/SizeExample.vue-->
 ```
+
 </template>
 </code-tab>
 
@@ -118,6 +116,7 @@
 ```vue
 <!--@include: ./components/accordionItem/IconTrailingExample.vue-->
 ```
+
 </template>
 </code-tab>
 

apps/vue-docs/docs/examples/accordion.md

@@ -9,10 +9,10 @@
 ```vue
 <!--@include: ./components/accordion/ExpandedExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 ## Expand multi mode
 
 <code-tab>
@@ -24,10 +24,10 @@
 ```vue
 <!--@include: ./components/accordion/MultiModeExample.vue-->
 ```
+
 </template>
 </code-tab>
 
-
 <script setup lang="ts">
 import CodeTab from '../custom/CodeTab.vue';
 import { defineClientComponent } from 'vitepress';

apps/vue-docs/docs/examples/action-group.md

@@ -1,6 +1,7 @@
 # VActionGroup Examples
 
 ## Action Group
+
 <code-tab>
 <template #example>
 <ActionGroupExample />
@@ -10,10 +11,12 @@
 ```vue
 <!--@include: ./components/action-group/ActionGroupExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Appearance
+
 <code-tab>
 <template #example>
 <AppearanceExample />
@@ -23,10 +26,12 @@
 ```vue
 <!--@include: ./components/action-group/AppearanceExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Shape
+
 <code-tab>
 <template #example>
 <ShapeExample />
@@ -36,10 +41,12 @@
 ```vue
 <!--@include: ./components/action-group/ShapeExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Tight
+
 <code-tab>
 <template #example>
 <TightExample />
@@ -49,10 +56,12 @@
 ```vue
 <!--@include: ./components/action-group/TightExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Separator
+
 <code-tab>
 <template #example>
 <SeparatorExample />
@@ -62,10 +71,12 @@
 ```vue
 <!--@include: ./components/action-group/SeparatorExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## semi-split button
+
 <code-tab>
 <template #example>
 <SemisplitButtonExample />
@@ -75,10 +86,12 @@
 ```vue
 <!--@include: ./components/action-group/SemisplitButtonExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Composed Search
+
 <code-tab>
 <template #example>
 <ComposedSearchExample />
@@ -88,10 +101,12 @@
 ```vue
 <!--@include: ./components/action-group/ComposedSearchExample.vue -->
 ```
+
 </template>
 </code-tab>
 
 ## Radio Group
+
 <code-tab>
 <template #example>
 <RadioGroupExample />
@@ -101,6 +116,7 @@
 ```vue
 <!--@include: ./components/action-group/RadioGroupExample.vue -->
 ```
+
 </template>
 </code-tab>