update examples

examples/custom_vue_component/counter.py

@@ -4,16 +4,16 @@ from typing import Callable, Optional
 from nicegui.dependencies import register_vue_component
 from nicegui.element import Element
 
-register_vue_component('counter', Path(__file__).parent / 'counter.js')
+component = register_vue_component(Path('counter.js'), base_path=Path(__file__).parent)
 
 
 class Counter(Element):
 
     def __init__(self, title: str, *, on_change: Optional[Callable] = None) -> None:
-        super().__init__('counter')
+        super().__init__(component.tag)
         self._props['title'] = title
         self.on('change', on_change)
-        self.use_component('counter')
+        self.use_component(component)
 
     def reset(self) -> None:
         self.run_method('reset')

examples/custom_vue_component/main.py

@@ -14,4 +14,4 @@ with ui.card():
 
 ui.button('Reset', on_click=counter.reset).props('small outline')
 
-ui.run(port=1234)
+ui.run()

examples/map/leaflet.py

@@ -5,14 +5,14 @@ from nicegui import ui
 from nicegui.dependencies import register_vue_component
 from nicegui.element import Element
 
-register_vue_component('leaflet', Path(__file__).parent / 'leaflet.js')
+component = register_vue_component(Path('leaflet.js'), base_path=Path(__file__).parent)
 
 
 class leaflet(Element):
 
     def __init__(self) -> None:
-        super().__init__('leaflet')
-        self.use_component('leaflet')
+        super().__init__(component.tag)
+        self.use_component(component)
         ui.add_head_html('<link href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" rel="stylesheet"/>')
         ui.add_head_html('<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>')
 

examples/single_page_app/router.py

@@ -4,7 +4,7 @@ from typing import Awaitable, Callable, Dict, Union
 from nicegui import background_tasks, ui
 from nicegui.dependencies import register_vue_component
 
-register_vue_component('router_frame', Path(__file__).parent / 'router_frame.js')
+component = register_vue_component(Path('router_frame.js'), base_path=Path(__file__).parent)
 
 
 class Router():
@@ -41,7 +41,7 @@ class Router():
         background_tasks.create(build())
 
     def frame(self) -> ui.element:
-        self.content = ui.element('router_frame') \
+        self.content = ui.element(component.tag) \
             .on('open', lambda e: self.open(e.args)) \
-            .use_component('router_frame')
+            .use_component(component)
         return self.content