Daily Tip Detail and Vue Framework Rules Meeting Minutes

Meeting Info ¶

Meeting Agenda ¶

1. Discussion on the implementation detail of daily tip, hopefully we can bring it into action after this meeting. (10 mins)
2. Discussion on Frontend Framework rule - VUE (30 mins)

Meeting Minutes ¶

Daily Tip implementation detail ¶

1. Add presenter on footer of the tip card.
2. Daily Tip presenter shift according to alphabetical order, Albert, Daniel...
3. Put Daily Tip into practice on 2022-07-05.
4. Merge Daily Tip and Daily Picker into one event, and get team member list by GitHub Rest API.
5. Daily Tip format: Rule Name (with link) + Code Sample + Date, below is an example:

   Don’t repeat your punctuation - Mandatory ¶

   echo "sample code"
   

   ---

   Date: 2022-06-24

Vue Style Rules ¶

• Use multi-word component names - Mandatory
• Use detailed prop definitions - Mandatory
• Use keyed v-for - Mandatory
• Avoid v-if with v-for - Manatory
• Use component-scoped styling - Mandatory
• Avoid exposing private functions in mixins - Mandatory

  use $ to indicator it's private method

• Component files - Mandatory
• Single-file component filename casing - Mandatory

  we choose to use kebab-case

• Base component names - Mandaotry
• Single-instance component names - Reference
• Tightly coupled component names - Recommend
• Order of words in component names - Recommend
• Full-word component names - Recommend

  it's OK to use abbreviation that is clear enough, never use ambiguous abbreviations.

• Prop name casing - Recommend
• Multi-attribute elements - Recommend
• Directive shorthands - Recommend to use shorthand

  Check there is tool to check and do validation automatically

Action Items ¶

• Jira Task to merge daily tip and daily picker

Reference ¶

Vue Style Guide