https://chcha.in/tags/vue.js/Recent content in Vue.js on Dev PortfolioHugoen-usMon, 24 Nov 2025 00:00:00 +0000https://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 changeshttps://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.https://chcha.in/projects/food-ordering-system/Sat, 01 Nov 2025 00:00:00 +0000https://chcha.in/projects/food-ordering-system/Overview Food Ordering System is a robust Spring Boot application designed to manage restaurant orders with enterprise-grade security and scalability. It features a complete ecosystem for users, restaurant owners, and delivery management. Key Features 🔐 Enterprise Security: Implementation of JWT Authentication with Spring Security and BCrypt password encryption 👤 Role-Based Access (RBAC): Distinct panels for Users and Hotel Managers with strict resource ownership validation 🛒 Order Processing: Atomic transaction management for reliable order handling and status tracking 🏨 Restaurant Management: Complete CRUD operations for restaurants, menus, and image handling 📊 Enterprise Logging: Structured logging with AOP (Aspect-Oriented Programming) integration Project Architecture Backend Layer: Layered architecture (Controller → Service → Repository → Entity) ensuring separation of concerns Security Flow: Request -> JWT Filter -> Spring Security Context -> Protected Resource Frontend Integration: Built with Vue.