46 GitHub Simulation App (For Netlify preview)

[rie-oki-agn]

#46 😎 /tutorial
（後でtutorial.vue -> simulation.vue に変更）

[netlify]

✅ Deploy Preview for commit-mate-net ready!

Name	Link
🔨 Latest commit	f9a2b3b
🔍 Latest deploy log	https://app.netlify.com/sites/commit-mate-net/deploys/62bfd2210dc0230008b7ea8f
😎 Deploy Preview	https://deploy-preview-48--commit-mate-net.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[wako-p]

少しコードが複雑&肥大化してきたかなって思ったので
コンポーネント側のコードをシンプルに保つために、GitHubをシミュレーションするロジックを抽出→クラスとしてまとめるサンプルコードを作ってみました。
https://github.com/wako-p/commit-mate-s-github-simulate-app
テストコードなしで書く自信がなかったので私のリポジトリで作成してます。

例えば、このクラスを使えばdoCloneやdoCommitは以下のように書くことができます。

// リポジトリの定義
origin = ref(Repository.create("origin"));
local = ref(null);

// ~省略~

const doClone = () => {
  local = origin.clone()
}

const doCommit = () => {
  local.commit("commit to local main branch");
}

とりあえずで作っただけなので、コンポーネントの描画に必要なデータを提供できているかはわかりませし、
フロントエンド側での碇石？(@monsat さんが↓に書いて下さっているComposables)みたなものもあると思うのでそちらを優先して頂ければと思います！

[monsat]

そろそろ Composables にしてよいころですね

[rie-oki-agn]

@wako-p
おーーー！！すごい、ありがとうございます！
せっかくNuxtなのでcomposablesに書き換えたいですね！！
作ってくださったclass構文のソースを参考にcomposablesにしてみようかと思います！
今週末までに作ってみますね！