eslint fix docs/modules

epicmaxco · Nov 18, 2023 · 36df497 · 36df497
1 parent f8c76c3
commit 36df497
Show file tree

Hide file tree

Showing 9 changed files with 53 additions and 53 deletions.
diff --git a/packages/docs/modules/page-config/blocks/alert/index.vue b/packages/docs/modules/page-config/blocks/alert/index.vue
@@ -19,13 +19,13 @@ const props = defineProps({
 </script>
 
 <template>
-  <va-alert
+  <VaAlert
     class="page-config-alert"
     :color="color"
     :outline="!solid"
   >
     <MarkdownView :content="text" />
-  </va-alert>
+  </VaAlert>
 </template>
 
 <style lang="scss">

diff --git a/packages/docs/modules/page-config/blocks/api/index.vue b/packages/docs/modules/page-config/blocks/api/index.vue
@@ -155,7 +155,7 @@ const changeLogValue = ref(true)
 </script>
 
 <template>
-  <va-content>
+  <VaContent>
     <ApiTable
       v-if="propsOptions.length > 0 && !visualOptions.hideProps"
       :title="visualOptions.hidePropsTitle ? '' : 'Props'"
@@ -164,7 +164,7 @@ const changeLogValue = ref(true)
     >
       <template #name="{ value, row }">
         <strong>{{ value }}</strong>
-        <va-badge
+        <VaBadge
           v-if="row.required"
           class="ml-2"
           text="required"
@@ -175,22 +175,22 @@ const changeLogValue = ref(true)
         #default="{value}"
       >
         <div class="flex items-center gap-1">
-          <markdown-view :content="value" />
-          <va-popover
+          <MarkdownView :content="value" />
+          <VaPopover
             placement="right"
             trigger="click"
           >
-            <va-icon
+            <VaIcon
               v-if="isValueIsDefaultTranslation(value)"
               name="info"
               color="secondary"
             />
             <template #body>
-              <nuxt-link to="/services/i18n#translations">
+              <NuxtLink to="/services/i18n#translations">
                 Read more
-              </nuxt-link>
+              </NuxtLink>
             </template>
-          </va-popover>
+          </VaPopover>
         </div>
       </template>
     </ApiTable>
@@ -229,11 +229,11 @@ const changeLogValue = ref(true)
         <span class="va-text-code va-text-secondary">{{ value }}</span>
       </template>
     </ApiTable>
-  </va-content>
+  </VaContent>
   <VaCollapse
     v-if="$props.changeLog"
-    class="mt-8 page-config-api-change-log"
     v-model="changeLogValue"
+    class="mt-8 page-config-api-change-log"
   >
     <template #header>
       <div class="page-config-api-change-log__title">
@@ -247,7 +247,7 @@ const changeLogValue = ref(true)
 
     <template #content>
       <div class="page-config-api-change-log__content pt-4">
-        <div v-for="{ version, changes } in $props.changeLog" class="page-config-api-change-log__version-wrapper" :key="version">
+        <div v-for="{ version, changes } in $props.changeLog" :key="version" class="page-config-api-change-log__version-wrapper">
           <ul>
             <div class="page-config-api-change-log__version">
               <VaIcon name="rocket_launch" class="mr-1" size="18px" color="secondary" />

diff --git a/packages/docs/modules/page-config/blocks/cards/index.vue b/packages/docs/modules/page-config/blocks/cards/index.vue
@@ -25,12 +25,12 @@ const { getTextColor, getColor } = useColors()
       class="page-config-cards__card-wrapper"
       :style="{ width: `${100 * (Number(card.cols) || 1)}%`}"
     >
-      <va-card
+      <VaCard
         :color="card.color || 'backgroundElement'"
         :shadow="false"
         class="flex flex-col"
       >
-        <va-card-content class="flex-1">
+        <VaCardContent class="flex-1">
           <h4
             v-if="card.title"
             class="va-h4"
@@ -40,16 +40,16 @@ const { getTextColor, getColor } = useColors()
           <p v-if="card.text">
             {{ card.text }}
           </p>
-        </va-card-content>
-        <va-card-actions v-if="card.link">
-          <va-button
+        </VaCardContent>
+        <VaCardActions v-if="card.link">
+          <VaButton
             :href="card.link.href"
             :color="getTextColor(getColor(card.color || 'backgroundElement'))"
           >
             {{ card.link.text }}
-          </va-button>
-        </va-card-actions>
-      </va-card>
+          </VaButton>
+        </VaCardActions>
+      </VaCard>
     </div>
   </div>
 </template>

diff --git a/packages/docs/modules/page-config/blocks/collapse/index.vue b/packages/docs/modules/page-config/blocks/collapse/index.vue
@@ -14,15 +14,15 @@ const props = defineProps({
 </script>
 
 <template>
-  <va-collapse
+  <VaCollapse
     class="page-config-collapse"
     :header="header"
     flat
   >
     <div class="page-config-collapse__content p-6">
       <PageConfigBlocks :blocks="blocks" />
     </div>
-  </va-collapse>
+  </VaCollapse>
 </template>
 
 <style lang="scss" scoped>

diff --git a/packages/docs/modules/page-config/blocks/example/example-footer.vue b/packages/docs/modules/page-config/blocks/example/example-footer.vue
@@ -1,50 +1,50 @@
 <template>
   <div class="docs-navigation">
-    <va-button
+    <VaButton
       v-if="!hideShowCodeButton"
       preset="secondary"
       size="small"
       class="docs-navigation__button"
       color="secondary"
       @click="showCodeComputed = !showCodeComputed"
     >
-      <va-icon
+      <VaIcon
         class="docs-navigation__button__icon"
         name="fa4-code"
         size="13px"
       />
       <span class="docs-navigation__button__text"> {{ showCode ? 'Hide Code' : 'Show Code' }}</span>
-    </va-button>
+    </VaButton>
 
-    <va-button
+    <VaButton
       preset="secondary"
       size="small"
       class="docs-navigation__button"
       color="secondary"
       @click="copy"
     >
-      <va-icon
+      <VaIcon
         class="docs-navigation__button__icon"
         :name="copyButton.icon"
         size="13px"
       />
       <span class="docs-navigation__button__text">{{ copyButton.text }}</span>
-    </va-button>
+    </VaButton>
 
-    <va-button
+    <VaButton
       preset="secondary"
       size="small"
       class="docs-navigation__button"
       color="secondary"
       :href="gitLink"
       target="_blank"
     >
-      <va-icon
+      <VaIcon
         class="docs-navigation__button__icon fa fa-github"
         size="13px"
       />
       <span class="docs-navigation__button__text">Open in GitHub</span>
-    </va-button>
+    </VaButton>
 
     <form
       :action="sandboxDefineUrl"
@@ -56,14 +56,14 @@
         name="parameters"
         :value="sandboxParams"
       >
-      <va-button
+      <VaButton
         preset="secondary"
         type="submit"
         size="small"
         class="docs-navigation__button"
         color="secondary"
       >
-        <va-icon
+        <VaIcon
           class="docs-navigation__button__icon"
           size="13px"
         >
@@ -97,9 +97,9 @@
               y2="12"
             />
           </svg>
-        </va-icon>
+        </VaIcon>
         <span class="docs-navigation__button__text">Open in CodeSandbox</span>
-      </va-button>
+      </VaButton>
     </form>
   </div>
 </template>

diff --git a/packages/docs/modules/page-config/blocks/example/index.vue b/packages/docs/modules/page-config/blocks/example/index.vue
@@ -78,15 +78,15 @@ const sourceComputed = computed(() => props.customCode?.source || props.source);
   </template>
 
   <div class="page-config-example">
-    <va-card
+    <VaCard
       outlined
       class="page-config-example__card"
       color="background-primary"
     >
-      <va-card-content>
+      <VaCardContent>
         <component :is="component" />
-      </va-card-content>
-    </va-card>
+      </VaCardContent>
+    </VaCard>
     <ExampleFooter
       v-model:show-code="showCode"
       class="-mt-1"

diff --git a/packages/docs/modules/page-config/blocks/file-structure/index.vue b/packages/docs/modules/page-config/blocks/file-structure/index.vue
@@ -24,34 +24,34 @@ const nodes = computed(() => props.files.map(compileNode))
 </script>
 
 <template>
-  <va-tree-view
+  <VaTreeView
     class="mb-4"
     :nodes="nodes"
     expand-all
   >
     <template #content="node">
       <div class="d-flex align-center">
-        <va-icon
+        <VaIcon
           class="mr-2"
           :name="nodeIcon(node)"
           :color="nodeColor(node)"
         />
 
         <span>{{ node.label }}</span>
 
-        <va-popover
+        <VaPopover
           v-if="node.description"
           :message="node.description"
           stick-to-edges
         >
-          <va-icon
+          <VaIcon
             class="ml-2"
             name="help"
             size="small"
             color="secondary"
           />
-        </va-popover>
+        </VaPopover>
       </div>
     </template>
-  </va-tree-view>
+  </VaTreeView>
 </template>
diff --git a/packages/docs/modules/page-config/blocks/paragraph/index.vue b/packages/docs/modules/page-config/blocks/paragraph/index.vue
@@ -11,7 +11,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <va-content>
+  <VaContent>
     <MarkdownView class="va-text" :content="text" />
-  </va-content>
+  </VaContent>
 </template>
diff --git a/packages/docs/modules/page-config/blocks/shared/code/CodeView.vue b/packages/docs/modules/page-config/blocks/shared/code/CodeView.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
-    <va-tabs
+    <VaTabs
       v-if="!isString"
       v-model="index"
       class="DocsCode__tabs"
     >
       <template #tabs>
-        <va-tab
+        <VaTab
           v-for="tab in tabs"
           :key="tab"
         >
           {{ tab }}
-        </va-tab>
+        </VaTab>
       </template>
-    </va-tabs>
-    <code-highlight-wrapper
+    </VaTabs>
+    <CodeHighlightWrapper
       :code="escapeVuesticImport(contents[index])"
       :lang="$props.language"
       class="DocsCode va-typography-block"