Production 🎉

Date : 01/01/2026 06:30 PM

Frontend bundle optimization for faster page speed: login split, module-wise lazy-loading, named chunks, and reduced vendor dependencies.

🚀 Added

• Sr. no column in Dynamic Result
• FEE RECEIPT text msg integration (Moonland School)
• Student Side Fees Menu -> Your Balance on Click Summary option

👨‍🔧 Changed

• The Master Create Plan has been updated. No plan is assigned for the same date range.
• FEE RECEIPT Changes (Moonland School)
• Radhika school website changes

🐛 Bug Fixed 🐞

• sen Expense bug fix
• General bug fixes and stability improvements

---

🤖 Development

COCToast New

Reusable common toast / notification component with:

• Glass effect background
• Auto stacking
• Optional actions
• Vue 2 support

---

• Created a separate layout specifically for login pages
• Separate login.js Entry Bundle
  • Introduced a new entry file login.js
  • The login page Vue code was removed from app.js and moved into login.js
• Improved Import Strategy + Added webpackChunkName
  • Converted several static imports to dynamic imports (import())
  • Added meaningful webpackChunkName values for grouped chunk output
• Reduced schoolPanel/app.js Bundle Size
  • Moved heavy dependencies to lazy-load chunks
  • Optimized shared imports and grouped libraries into proper chunks
  • Modules-chunk should load only when user navigates to them
• Replaced moment.js with dayjs
• Converted vuedraggable static import to dynamic import
• Converted quill-editor static import to dynamic import

Dynamic Imports + Chunk Naming (webpackChunkName)

const ComponentName = () => import(/_ webpackChunkName: "module-name" _/ '@/path/to/Component.vue')

XLSX

Before

import * as XLSX from 'xlsx'

After

import { loadXLSX } from '@/plugins/xlsxLoader'

const XLSX = await loadXLSX()
const workbook = XLSX.utils........

draggable

Before

import draggable from 'vuedraggable'

After

import asyncDraggable from '@/plugins/asyncDraggable'

components: {
    draggable: asyncDraggable,
}

draggable

Before

import draggable from 'vuedraggable'

After

import asyncDraggable from '@/plugins/asyncDraggable'

components: {
    draggable: asyncDraggable,
}

Dynamic Import for vue-quill-editor (Quill)

Before

import 'quill/dist/quill.snow.css'
import { quillEditor } from 'vue-quill-editor'

components: {
    quillEditor,
}

After

import asyncEditor from '@/plugins/asyncEditor'

components: {
    quillEditor: asyncEditor,
}

Deprecated

import moment from 'moment'

Replace Moment.js with Day.js

Before

import moment from 'moment'

moment(date).format('DD-MM-YYYY')

After

this.$dayjs(date).format('DD-MM-YYYY')

multiselect

Before

import Multiselect from 'vue-multiselect'

After

const Multiselect = () => import(/* webpackChunkName: "vendor-multiselect" */ 'vue-multiselect')