Make SkyElement more classy.

sky/examples/flights-app/app-panel-header.sky

Index: sky/examples/flights-app/app-panel-header.sky
diff --git a/sky/examples/flights-app/app-panel-header.sky b/sky/examples/flights-app/app-panel-header.sky
index 11ab221b242032ec97b92868ade60992cf39681a..7d7e3826cb01fdf9c85358ee4871866b70fe3995 100644
--- a/sky/examples/flights-app/app-panel-header.sky
+++ b/sky/examples/flights-app/app-panel-header.sky
@@ -1,4 +1,6 @@
 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
+
+<sky-element name="app-panel-header">
 <template>
   <style>
     :host {
@@ -11,7 +13,7 @@
   <content></content>
 </template>
 <script>
-SkyElement({
-  name: "app-panel-header"
-});
+module.exports = class extends SkyElement {
+}.register();
 </script>
+</sky-element>