How do I make sure that my Nova custom field gets compiled when mix compiles

I'm using laravel 8 and Nova on my project. I'm creating a custom component but I notice that when I am running npm run watch that it does not see changes that I make to my custom Field that I'm working on and it does not compile the vue component automatically. I have to run a separate npm command in order to see my changes in Nova.

Here is my mix file

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');


mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/scss/app.scss', 'public/css')
    .options({
        processCssUrls: false,
        postCss: [tailwindcss('./tailwind.config.js')],
    })
    .browserSync('localhost:8003');

and here are my npm commands in my package.json

"scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production",
        "build-webxr": "cd nova-components/Webxr && npm run dev",
        "build-webxr-prod": "cd nova-components/Webxr && npm run prod"
    },