leds-spark-lib
Version:
Biblioteca de geração de código
47 lines (42 loc) • 1.27 kB
JavaScript
import fs from "fs";
import { expandToString } from "../../../../../util/template-string.js";
import path from "path";
export function generate(project_abstraction, target_folder) {
fs.writeFileSync(path.join(target_folder, 'IconNav.vue'), generateIconNav());
}
function generateIconNav() {
return expandToString `
<script lang="ts" setup>
/**
* @decription IconNav: Navigation Icon Component This component is used by the sidenav component. Its purpose is to encapsulate the arrow icon responsible for indicating whether the sidebar is open or closed. The icon rotates based on the value of the open prop, visually reflecting the sidebar’s current state.
*
* @component
* @example <IconNav :open="true" />
* @prop {boolean} open - Indicates if the navigation is expanded.
*
*/
defineProps<{
open: boolean
}>()
</script>
<template>
<div class="">
<svg
:class="open ? 'rotate-180' : ''"
class="w-3 h-3 transition-transform origin-center"
fill="none"
stroke="currentColor"
viewBox="0 0 20 10"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M0,0 L10,10 L20,0"
/>
</svg>
</div>
</template>
`;
}
//# sourceMappingURL=generate.js.map