Frontend on Dev Portfoliohttps://chcha.in/tags/frontend/Recent content in Frontend on Dev PortfolioHugoen-usMon, 24 Nov 2025 00:00:00 +0000Migrate Toc.vue to Vue 3 Composition API with TypeScripthttps://chcha.in/opensource/kestra-vue3-migration/Mon, 24 Nov 2025 00:00:00 +0000https://chcha.in/opensource/kestra-vue3-migration/Migrated the ui/src/components/plugins/Toc.vue component from the Vue 2 Options API (JavaScript) to the Vue 3 Composition API using <script setup lang="ts">. Changes include: Converting data, computed properties, methods, and watchers to Composition API (ref, computed, watch, nextTick) Using defineProps and defineEmits with full TypeScript generics Adding explicit interfaces for Plugin and PluginElement Retaining the existing template and behavior with no UI or functional changesRefactor SurveyDialog i18n translationshttps://chcha.in/opensource/kestra-i18n-refactor/Mon, 17 Nov 2025 00:00:00 +0000https://chcha.in/opensource/kestra-i18n-refactor/Refactored SurveyDialog.vue to remove the unnecessary useI18n composable and use the globally available $t helper in the template. This aligns the component with Kestra’s standard i18n usage and simplifies translation handling.