wtho

type Status = 'valid' | 'invalid';

@Component({
  selector: 'app-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  profileForm = this.fb.group({
    f1: [''],

wtho

const ts = require('typescript')

const toCompile = `
import { SomeDecorator } from 'fictional-decorators';
class Compilee {
  constructor(@SomeDecorator() param) { }
}
`

const compiled = ts.transpileModule(toCompile, {

wtho

import { Options, Vue, createDecorator } from "vue-class-component";
import { ComponentPropsOptions } from "vue";
import 'reflect-metadata';

type PropOptions = ComponentPropsOptions;

type Constructor = {
  new(...args: any[]): any
}

wtho

wtho

const range = (length: number) => Array.from({ length }, (_, i) => i)

// JS version
const rangeJs = length => Array.from({ length }, (_, i) => i)

wtho

dialog,
dialog[open]::backdrop {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}

dialog[open].fade-in,
dialog[open].fade-in::backdrop {
  transition-delay: 0s;

wtho

/**
 * Definition of arg fields for typesafe event handling.
 * 
 * @example
 * {
 *   parameters: 'param1' | 'param2'
 *   arguments: 'arg1' | 'arg2'
 * }
 */
interface ParameterArgDefinition {