integrated vuejs with vitejs and hmr to drupal theme

web/themes/custom/caravane/assets/dist/main.css

@@ -0,0 +1 @@
+body{background-color:#00f}

web/themes/custom/caravane/assets/js/main.js

@@ -0,0 +1,23 @@
+import { createApp } from 'vue'
+import '../scss/main.scss'
+import Etape from './vuejs/Etape.vue'
+
+
+
+/**
+ * @file
+ * reha behaviors.
+ */
+(function (Drupal) {
+
+  'use strict';
+
+  Drupal.behaviors.reha = {
+    attach: function (context, settings) {
+      console.log('It works!');
+      createApp(Etape).mount('#etape-modale');
+
+    }
+  };
+
+} (Drupal));

web/themes/custom/caravane/assets/js/vuejs/Etape.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    hello HMR :)
+  </div>
+</template>
+
+<script>
+  
+</script>
+
+<style>
+
+</style>

web/themes/custom/caravane/assets/scss/main.scss

@@ -0,0 +1,3 @@
+body{
+  background-color: red;
+}