🟢 Lesson 08 — Forms & v-model

1. Text, Email, Password, Number, Textarea

<input type="text"     v-model="name">
<input type="email"    v-model="email">
<input type="password" v-model="password">
<input type="number"   v-model.number="age">
<textarea              v-model="bio"></textarea>

v-model Modifiers:
  v-model.number → string မဟုတ်ဘဲ number အဖြစ် ယူ
  v-model.trim   → whitespace ဖြတ်
  v-model.lazy   → blur/Enter မှ update

2. Checkbox — Single & Multiple

<!-- Single → boolean -->
<input type="checkbox" v-model="agree">
{{ agree }}  ← true / false

<!-- Multiple → array -->
<input type="checkbox" value="Vue"  v-model="skills">
<input type="checkbox" value="React" v-model="skills">
{{ skills }}  ← ['Vue', 'React']

3. Radio Buttons

<input type="radio" value="male"   v-model="gender"> Male
<input type="radio" value="female" v-model="gender"> Female
{{ gender }}  ← 'male' / 'female'

4. Select Dropdown — Single & Multiple

<!-- Single select -->
<select v-model="city">
  <option value="">Choose...</option>
  <option value="ygn">Yangon</option>
</select>

<!-- Multiple select -->
<select v-model="chosenFruits" multiple>
  <option v-for="f in fruits" :value="f">{{ f }}</option>
</select>

5. Complete Form with Validation

{{ JSON.stringify(form, null, 2) }}

6. Star Rating — Fun v-model Example