fix(VCode,VKbd): set default tag

vuetifyjs · Oct 31, 2024 · 18c0adc · 18c0adc
1 parent 9809ad5
commit 18c0adc
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/packages/docs/src/components/app/Markdown.vue b/packages/docs/src/components/app/Markdown.vue
@@ -10,6 +10,7 @@
   import { compile } from '@vue/compiler-dom'
   import * as vue from 'vue'
 
+  import { VCode } from 'vuetify/components/VCode'
   import { VWindowItem } from 'vuetify/components/VWindow'
   import { VTab } from 'vuetify/components/VTabs'
   import AppMarkup from '@/components/app/Markup.vue'
@@ -125,6 +126,7 @@
   const template = computed(() => ({
     // These components are all used in markdown-it-rules
     components: {
+      VCode,
       VWindowItem,
       VTab,
       AppMarkup,

diff --git a/packages/docs/src/utils/markdown-it-rules.ts b/packages/docs/src/utils/markdown-it-rules.ts
@@ -19,10 +19,10 @@ function addCodeRules (md: MarkdownIt) {
       (token.attrs || []).reduce((acc, [key, value]) => {
         acc[key] = acc[key] ? acc[key] + ' ' + value : value
         return acc
-      }, { class: 'v-code' } as Record<string, string>)
+      }, {} as Record<string, string>)
     ).map(([key, value]) => `${key}="${value}"`).join(' ')
 
-    return `<code ${attrs}>${md.utils.escapeHtml(token.content)}</code>`
+    return `<v-code ${attrs}>${md.utils.escapeHtml(token.content)}</v-code>`
   }
 
   createContainer(md, 'error')

diff --git a/packages/vuetify/src/components/VCode/index.ts b/packages/vuetify/src/components/VCode/index.ts
@@ -4,6 +4,6 @@ import './VCode.sass'
 // Utilities
 import { createSimpleFunctional } from '@/util'
 
-export const VCode = createSimpleFunctional('v-code')
+export const VCode = createSimpleFunctional('v-code', 'code')
 
 export type VCode = InstanceType<typeof VCode>
diff --git a/packages/vuetify/src/components/VKbd/index.ts b/packages/vuetify/src/components/VKbd/index.ts
@@ -4,6 +4,6 @@ import './VKbd.sass'
 // Utilities
 import { createSimpleFunctional } from '@/util'
 
-export const VKbd = createSimpleFunctional('v-kbd')
+export const VKbd = createSimpleFunctional('v-kbd', 'kbd')
 
 export type VKbd = InstanceType<typeof VKbd>