mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2026-01-15 17:34:37 +00:00
38 lines
564 B
Vue
38 lines
564 B
Vue
<template>
|
|
<component
|
|
class="ds-code"
|
|
:is="inline ? 'code' : 'pre'"
|
|
:class="[
|
|
inline && `ds-code-inline`
|
|
]"
|
|
>
|
|
<slot />
|
|
</component>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
/**
|
|
* The code component is used for displaying lines of code.
|
|
* @version 1.0.0
|
|
*/
|
|
export default defineComponent({
|
|
name: 'DsCode',
|
|
|
|
props: {
|
|
/**
|
|
* Display the code inline.
|
|
*/
|
|
inline: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" src="./style.scss">
|
|
</style>
|
|
|