dongsik-yoo

# locale json files
/assets/locales/

dongsik-yoo

const date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
const options = {
  timeZone: 'America/Los_Angeles',
  timeStyle: 'long'
};
console.log(new Intl.DateTimeFormat('ko-KR', options).format(date));
// 오후 7시 0분 0초 GMT-8

dongsik-yoo

output: {
  library: ['tui', 'Calendar'],  // Configuring the library namespace
  libraryTarget: 'umd',          // Configuring the library target
  libraryExport: 'default',     // Configuring the default export of the entry point to the namespace
  ...
}

dongsik-yoo

{
  "scripts": {
    "doc": "tuidoc"
  }
}

dongsik-yoo

new (class extends v {
  getComponent() {
    return Object(o.h)("h2", null, "Week View");
  }
})(document.getElementById("app1")).render();

dongsik-yoo

import { Month, Week } from "esm-ui-library";

const week = new Week(document.getElementById("app1"));
week.render();

// const month = new Month(document.getElementById("app2"));
// month.render();

// document.getElementById("ssr").innerHTML = month.renderToString();

dongsik-yoo

new (class extends v {
  getComponent() {
    return Object(o.h)("h2", null, "Week View");
  }
})(document.getElementById("app1")).render();
const m = new (class extends v {
  getComponent() {
    return Object(o.h)("h2", null, "Month View");
  }
})(document.getElementById("app2"));

dongsik-yoo

import { Month, Week } from "esm-ui-library";

const week = new Week(document.getElementById("app1"));
week.render();

const month = new Month(document.getElementById("app2"));
month.render();

document.getElementById("ssr").innerHTML = month.renderToString();

dongsik-yoo

import { h } from 'preact';
import Base from '@src/base';

export default class Week extends Base {
  protected getComponent(): JSX.Element {
    return <h2>Week View</h2>;
  }
}

dongsik-yoo

import { h } from 'preact';
import Base from '@src/base';

export default class Month extends Base {
  protected getComponent(): JSX.Element {
    return <h2>Month View</h2>;
  }
}