Fading Coder

One Final Commit for the Last Sprint

Vue Task Scheduling and Batch Updates

Purpose Vue's task scheduling system enables batch updates or asynchronous execution of reactive effects. When reactive data changes trigger side effect functions to re-execute, the system provides control over when, how many times, and in what manner these effects execute. Example const appState =...

Publishing a Custom Vue Component to the npm Registry

Registering an npm Account Visit the npm website to create an account. After registration, log in to verify successful access. Setting Up a Vue Project Initialize a new Vue project using the Vue CLI. Execute the following command to create a project: vue create project-name Run the development serve...

Initializing a Vue Project via Windows Command Prompt

Before establishing a new application, verify that the runtime environment supports Node.js. Check availability using version queries: node -v npm -v Proceed to install the CLI utility globally if it is not already registered on the machine: npm install -g @vue/cli Open the shell interface and trans...

Design and Implementation of a Personal Finance System Using Java, Spring Boot, and Vue

The increasing demand for personal financial management has led to the development of personal finance systems. These systems provide a convenient and effective way for individuals to manage income, expenses, investments, and savings. The rapid growth of financial technology (Fintech) supports these...

Design and Development of a Game Sales Platform Using Java, Spring Boot, and Vue

Design and Development of a Game Sales Platform Using Java, Spring Boot, and Vue
Introduction The electronic gaming industry is experiencing rapid growth, encompassing various game types from single-player to online multiplayer, mobile games, and esports. As more people engage with games, game sales platforms have become the primary channel for developers and publishers to sell...

Type-Safe Global Properties and Methods in Vue 2 with TypeScript

Prefer a plugin with module augmentation Attaching fields directly to Vue.prototype works at runtime, but TypeScript will not know those members exist unless you augmant Vue’s types. The recommended approach is to provide a plugin and a .d.ts declaration. src/plugins/globals.ts import Vue, { PluginO...

Preserve iframe State Across Vue Route Changes Without Reloading

Vue’s built-in keep-alive caches component VNodes and instances, but it cannot prevent an iframe’s document from reloading. An iframe hosts an independant browsing context; each time its DOM node is mounted, the embedded page is loaded anew. Caching the VNode does not capture the iframe’s internal d...