SolidJS + Capacitor 現時点の所感

$ npx degit ionic-team/capacitor-solidjs-templates/ts CapacitorSampleSolidApp
$ cd CapacitorSampleSolidApp
$ npm install
$ npm run build
$ npx cap run ios

$ npm install @capacitor/dialog@latest
$ npx cap sync

import { Component, createEffect } from 'solid-js';
import { Dialog } from '@capacitor/dialog';
import logo from './logo.svg';
import styles from './App.module.css';

const App: Component = () => {

  createEffect(() => {
    Dialog.confirm({
      title: '確認',
      message: 'テストですか？',
      cancelButtonTitle: 'キャンセル',
      okButtonTitle: 'OK'
    })
    .then(confirm => {
      if (confirm.value) {
        console.log('hogehogehoge');
      }
    })
  })

  return (
    <div class={styles.App}>
      <header class={styles.header}>
        <img src={logo} class={styles.logo} alt="logo" />
        <p>
          Edit <code>src/App.tsx</code> and save to reload.
        </p>
        <a
          class={styles.link}
          href="https://github.com/solidjs/solid"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn Solid
        </a>
      </header>
    </div>
  );
};

export default App;

$ npm run build
$ npx cap run ios