Make SkyElement more classy.

sky/examples/flights-app/app-search-input.sky

Index: sky/examples/flights-app/app-search-input.sky
diff --git a/sky/examples/flights-app/app-search-input.sky b/sky/examples/flights-app/app-search-input.sky
index 538ea545d370546498d8f3cea50672a58afcc71e..f87953aa80d1f1f4e4066ea0e1125ab24f84f24b 100644
--- a/sky/examples/flights-app/app-search-input.sky
+++ b/sky/examples/flights-app/app-search-input.sky
@@ -1,4 +1,6 @@
 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
+
+<sky-element name="app-search-input">
 <template>
   <style>
     :host {
@@ -19,7 +21,7 @@
   <span class="input-text"><t>flights today to dc by price</t></span>
 </template>
 <script>
-SkyElement({
-  name: "app-search-input"
-});
+module.exports = class extends SkyElement {
+}.register();
 </script>
+</sky-element>