Some different Import and Export syntaxes

Author: danielschnetler

src/components/base-components.ts

@@ -1,5 +1,10 @@
+export const something = "...";
+
 //Component base class
-export abstract class Component<T extends HTMLElement, U extends HTMLElement> {
+export default abstract class Component<
+  T extends HTMLElement,
+  U extends HTMLElement
+> {
   templateElement: HTMLTemplateElement;
   hostElement: T;
   element: U;

src/components/project-input.ts

@@ -1,10 +1,10 @@
-import { Component } from "./base-components.js";
-import { AutoBind } from "../decorators/autobind.js";
+import Cmp from "./base-components.js";
+import { AutoBind as Autobind } from "../decorators/autobind.js";
 import { Validatable, validate } from "../util/validation.js";
 import { projectState } from "../state/project-state.js";
 
 //ProjectInput Class
-export class ProjectInput extends Component<HTMLDivElement, HTMLFormElement> {
+export class ProjectInput extends Cmp<HTMLDivElement, HTMLFormElement> {
   titleInputElement: HTMLInputElement;
   descriptionInputElement: HTMLInputElement;
   peopleInputElement: HTMLInputElement;
@@ -70,7 +70,7 @@ export class ProjectInput extends Component<HTMLDivElement, HTMLFormElement> {
     this.peopleInputElement.value = "";
   }
 
-  @AutoBind
+  @Autobind
   private submitHandler(event: Event) {
     event.preventDefault();
     console.log(this.titleInputElement.value);

src/components/project-item.ts

@@ -1,6 +1,6 @@
 import { Draggable } from "../models/drag-drop.js";
 import { Project } from "../models/project.js";
-import { Component } from "./base-components.js";
+import Component from "./base-components.js";
 import { AutoBind } from "../decorators/autobind.js";
 
 //Project Item Class

src/components/project-list.ts

@@ -1,4 +1,4 @@
-import { Component } from "./base-components.js";
+import Component from "./base-components.js";
 import { AutoBind } from "../decorators/autobind.js";
 import { Project, ProjectStatus } from "../models/project.js";
 import { DragTarget } from "../models/drag-drop.js";