lepikhinb/sugar

sugar's Issues

HMR does not work for Components

When using npm run dev webserver alongside with php artisan serve or valet only Pages are correctly rebuilt and delivered to the browser via HMR.

Expected behaviour (as per Pages)

npm console shows

11:37:36 PM [vite] hmr update /resources/js/Pages/Offer.vue hmr update /resources/css/app.css (x2)

Browser console shows

[vite] hot updated: /resources/js/Pages/Offer.vue client.ts:348 [vite] hot updated: /resources/css/app.css

Behaviour when updating component

11:39:01 PM [vite] page reload resources/js/components/Breeze/ApplicationLogo.vue

Nothing happens in the browser, not even after a hard page reload.

Possible approach / Steps to reproduce

I am using the default package app.ts

Only pages are imported in resolve property here.

I am using standard import in my Offer.vue Page:

<script setup lang="ts">
import { Head, Link } from '@inertiajs/inertia-vue3'
import { TrustBlock } from '@/Components/Subscription'
import { ApplicationLogo } from '@/Components/Breeze'
import ProductOverview from '@/Components/Subscription/ProductOverview.vue'

const props = defineProps({
    offer: Object as PropType<App.Models.Product>,
})
</script>


<template>
    <TrustBlock :heading="offer.name" :text="offer.description" />

    <ApplicationLogo />
...

Thanks in advance