a721e82a4f
This commit upgrades TypeScript to the latest version 5.3 and introduces `verbatimModuleSyntax` in line with the official Vue guide recommendatinos (vuejs/docs#2592). By enforcing `import type` for type-only imports, this commit improves code clarity and supports tooling optimization, ensuring imports are only bundled when necessary for runtime. Changes: - Bump TypeScript to 5.3.3 across the project. - Adjust import statements to utilize `import type` where applicable, promoting cleaner and more efficient code.
51 lines
1.0 KiB
Vue
51 lines
1.0 KiB
Vue
<template>
|
|
<DocumentableNode :docs="nodeMetadata.docs">
|
|
<div id="node">
|
|
<div class="item">
|
|
<NodeTitle :title="nodeMetadata.text" />
|
|
</div>
|
|
<RevertToggle
|
|
v-if="nodeMetadata.isReversible"
|
|
class="item"
|
|
:node="nodeMetadata"
|
|
/>
|
|
</div>
|
|
</DocumentableNode>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, type PropType } from 'vue';
|
|
import RevertToggle from './RevertToggle.vue';
|
|
import DocumentableNode from './Documentation/DocumentableNode.vue';
|
|
import NodeTitle from './NodeTitle.vue';
|
|
import type { NodeMetadata } from './NodeMetadata';
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
RevertToggle,
|
|
DocumentableNode,
|
|
NodeTitle,
|
|
},
|
|
props: {
|
|
nodeMetadata: {
|
|
type: Object as PropType<NodeMetadata>,
|
|
required: true,
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use "@/presentation/assets/styles/main" as *;
|
|
|
|
#node {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
.item:not(:first-child) {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
</style>
|