tjmonsi

import { LitElement, html } from 'lit';
import { state } from '../../worker/index.js';

export class Page extends LitElement {
  connectedCallback () {
    super.connectedCallback();
    this.logout();
  }

  async logout () {

tjmonsi

import { LitElement, html } from 'lit';
import { state } from '../../worker/index.js';

export class Page extends LitElement {
  async login (event) {
    event.preventDefault();

    const { target: form } = event;

    const username = form.username.value;

tjmonsi

import { expose } from 'comlink';

const store = {
  // stores data in memory here
  data: {},

  // stores all functions that will be called when a data has been updated
  fns: {},
  set: async function (key, value) {
    // stores the data here

tjmonsi

import { wrap } from 'comlink';
import Worker from './index.worker.js';

export const worker = new Worker();
export const state = wrap(worker);

tjmonsi

import { LitElement, html } from 'lit';

export class Component extends LitElement {
  static properties = {
    isLoggedIn: {
      type: Boolean
    }
  }

  constructor () {

tjmonsi

import { LitElement, html } from 'lit';

export class Page extends LitElement {
  static properties = {
    blog: {
      type: Object
    }
  }

  async connectedCallback () {

tjmonsi

import { LitElement, html } from 'lit';

export class Page extends LitElement {
  static properties = {
    blogs: {
      type: Array
    }
  }

  constructor () {

tjmonsi

import { html } from 'lit';
import '@tjmonsi/small-router/small-router.js';

const el = document.querySelector('small-router');

if (el) {
  el.routes = {
    '/': {
      render: () => html`<home-page></home-page>`,
      preRender: () => import('./pages/home/index.js')

tjmonsi

import { LitElement, html } from 'lit';

export class Page extends LitElement {
  createRenderRoot () {
    // this adds it to the main HTML DOM instead of the shadowDOM
    return this;
  }

  render () {
    return html`hello home page`

tjmonsi

import { html } from 'lit';
import '@tjmonsi/small-router/small-router.js';

const el = document.querySelector('small-router');

if (el) {
  el.routes = {
    '/': {
      render: () => html`Hello world`
    }