Show the banner if there's a new message (even if the message contents did not change) (#1352)

Author: tomsb

stubs/inertia/resources/js/Components/Banner.vue

@@ -1,13 +1,15 @@
 <script setup>
-import { computed, ref, watch } from 'vue';
+import {ref, watchEffect} from 'vue';
 import { usePage } from '@inertiajs/vue3';
 
 const show = ref(true);
-const style = computed(() => usePage().props.jetstream.flash?.bannerStyle || 'success');
-const message = computed(() => usePage().props.jetstream.flash?.banner || '');
+const style = ref('success');
+const message = ref('');
 
-watch(message, async () => {
-  show.value = true;
+watchEffect(async () => {
+    style.value = usePage().props.jetstream.flash?.bannerStyle || 'success';
+    message.value = usePage().props.jetstream.flash?.banner || '';
+    show.value = true;
 });
 </script>