パスワードチェッカーの改善

[knokmki612]

パスワードの強度のロジックを変える（初期状態：文字列長のみ；他には記号を含むか否か、英数字を含むか否かなど）

これは初期状態からひととおりつくってしまった。

また、debounceの導入がトリッキーな書き方になってしまった。Compositionになっているライブラリを使ったほうがいいかも

Originally posted by @knokmki612 in https://github.com/tuqulore/vue-3-practices/issues/184#issuecomment-1853174762

[knokmki612]

具体的には以下の箇所

const props = defineProps({
  password: String,
});
// プロパティからリアクティブな値としてpasswordだけを取り出す
const { password: propsPassword } = toRefs(props);
const password = ref("");
// props.passwordを監視して変更を間引く
watch(
  propsPassword,
  debounce(1000, () => {
    password.value = propsPassword.value;
  }),
);

[knokmki612]

Compositionになっているライブラリを使ったほうがいいかも

throttle-debounce を Composition Composable 関数にするサンプルやハンズオンがあっていいのかも