fix joystick when using multiple instances

nicegui/elements/joystick.vue

@@ -1,15 +1,15 @@
 <template>
-  <div class="joystick"></div>
+  <div></div>
 </template>
 
 <script>
 export default {
   mounted() {
     const joystick = nipplejs.create({
-      zone: document.querySelector(".joystick"),
+      zone: this.$el,
       position: { left: "50%", top: "50%" },
       dynamicPage: true,
-      ...this.$props.options,
+      ...this.options,
     });
     joystick.on("start", (e) => this.$emit("start", e));
     joystick.on("move", (_, data) => this.$emit("move", { data }));

nicegui/vue.py

@@ -44,7 +44,6 @@ def generate_js_routes() -> List[Route]:
     routes: List[Route] = []
     for component in components.values():
         for dependency in component.dependencies:
-            print(dependency, flush=True)
             routes.append(Route(f'/_vue/{component.name}/{dependency}',
                                 lambda _, path=dependency: FileResponse(path, media_type='text/javascript')))
     for component in get_js_components():