import('hello');

// don't validate template by default
var aa = `hello world`;

function bar(a = 'jianhua') { }

var emojis = "🌼🌺🌸";

name === 'Android' || name === 'iOS';

switch (a) {
  case 'a':
    break;
  default:
    break;
}

import name from 'hello';
a.indexOf('ios');
a.includes('ios');

a.startsWith('ios');
a.endsWith('@gmail.com');
export * from 'hello_export_all';
export { a } from 'hello_export';
document.addEventListener('click', event => {
  event.preventDefault();
});
document.removeEventListener('click', event => {
  event.preventDefault();
});
window.postMessage('message', '*');
document.getElementById('some-id');
require('hello');
const a = require(['hello']);
const b = require(['hel' + 'lo']);
const c = 1;
const d = '?';
const e = '0123456789!@#$%^&*()_+|~-=`[]{};\':",./<>?';
i18n('hello');
dispatch('hello');
store.dispatch('hello');
store.commit('hello');
i18n.t('hello');

const f = 'FOO';
const g = `FOO`;
var A_B = `world`;
var A_B = 'world';
var A_B = ['world'];
var z = { ['A_B']: 'hello world' };
var a1 = { [A_B]: 'hello world' };
var a2 = { A_B: 'hello world' };
var a3 = { foo: 123 };
var a4 = { foo: 'FOO' };

class Form extends Component {
  displayName = 'FormContainer';
}

<>
  <div className="primary"></div>
  <div className={a ? 'active' : 'inactive'}></div>
  <div>{i18next.t('foo')}</div>
  <svg viewBox="0 0 20 40"></svg>
  <line x1="0" y1="0" x2="10" y2="20" />
  <path d="M10 10" />
  <circle width="16px" height="16px" cx="10" cy="10" r="2" fill="red" />
  <a href="https://google.com" target="_blank" rel="noreferrer noopener"></a>
  <div id="some-id" tabIndex="0" aria-labelledby="label-id"></div>
  <div role="button"></div>
  <img src="./image.png" />
  <A style="bar" />
  <button type="button" for="form-id" />
  <Trans>foo</Trans>
  <Trans>
    <span>bar</span>
  </Trans>
  <span>&times;&amp;</span>
  <div>{import("abc")}</div>
</>;
