HMR and/or page reload for multiple .html files?

[PaoloJr]

I have a static website (vanilla JS) that contains mulitple pages (.html files) where the non-index.html (project-root index.html) files are not reloaded (dev server) despite changes being applied to them. Is this normal? If not, what should I change in config?
Currently using vite 5.2.11

Here is the project structure:

|-index.html
|-services.html
|-careers/
             |-careers.html
             |-OT.html
|-contact.html
|-public/
|-js/
|-locales/
|-styles/
|-vite.config.js

current vite.config.js setup:

import { defineConfig } from 'vite'
// import { viteStaticCopy } from 'vite-plugin-static-copy'
import { resolve } from 'path'

export default defineConfig({
    logLevel: 'info',
    // base: "",
    // root: 'src',
    server: {
        host: true,
        open: true,
        port: 4646,
        // watch: true,
        watch: {
            include: ['**/*.html', '**/*.json'],
            // usePolling: true
        }
    },
    preview: {
        host: true,
        open: true,
        port: 4647,
    },
    build: {
        outDir: 'public',
        emptyOutDir: true,
        rollupOptions: {
            input: {
                index: resolve(__dirname, './index.html'),
                services: resolve(__dirname, './services.html'),
                careers: resolve(__dirname, './careers.html'),
                career: resolve(__dirname, './careers/OT.html'),
                contact: resolve(__dirname, './contact.html'),
            },
            watch: true,
        }
    }

Does vite reload pages that are not index.html (when there are updates to them)?
I have swapped the anchor tag hrefs in the .html files to have the extension (.html) removed.