From 846417477487c81002617cc42b797d3977682f48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samuel=20=C5=A0tancl?= <samuel.stancl@gmail.com>
Date: Fri, 26 Feb 2021 22:42:06 +0100
Subject: [PATCH] syntax improvements in examples

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 58434d5..7c2c0a9 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ It's used like this:
 
 **Register a component**
 ```ts
-import { DarkModeToggle } from './darkModeToggle';
+import DarkModeToggle from './darkModeToggle';
 
 Alpine.component('darkModeToggle', DarkModeToggle);
 ```
@@ -68,7 +68,7 @@ In the context of plain objects, the wrapper function acts as a constructor that
 
 A component can be registered like this:
 ```ts
-import { ExampleComponent } from './ExampleComponent';
+import ExampleComponent from './ExampleComponent';
 import { component } from '@leanadmin/alpine-typescript';
 
 component('example', ExampleComponent);
@@ -270,7 +270,7 @@ export default class Search extends AlpineComponent {
         return this.$refs.results.children[index + 1] as HTMLElement;
     };
 
-    currentResult(): HTMLElement {
+    currentResult(): HTMLElement|null {
         if (! this.$refs.results.contains(document.activeElement)) {
             return null;
         }