fix(bazar/wiget): make it compatible with vuejs3

Author: J9rem

tools/bazar/presentation/javascripts/widget.js

@@ -5,9 +5,12 @@ $.extend( datas, widgetdata );
 //$.extend( datas, facetteval );
 $.extend( datas, facettetext );
 
-var widgetapp = new Vue({
-  el: '#widgetapp',
-  data: datas,
+const { createApp } = Vue
+
+var widgetapp = createApp({
+  data() {
+    return datas;
+  },
   computed: {
     newiframeurl: function() {
       var facettelabel = [];
@@ -60,3 +63,4 @@ var widgetapp = new Vue({
     }
   }
 })
+widgetapp.mount('#widgetapp');

tools/bazar/presentation/templates/widget.tpl.html

@@ -104,7 +104,7 @@
             </div>
             <div class="form-group">
               <label>Zoom de la page</label>
-              <input type="range" min="1" max="13" v-model="zoommodel" class="form-control" step="1" value="8">
+              <input type="range" min="1" max="13" v-model="zoommodel" class="form-control" step="1">
             </div>
             <div class="form-group">
               <label>Latitude</label>