Skip to content

Dumb Component Exercise

Micah Godbolt edited this page Oct 20, 2018 · 6 revisions
  • $ git checkout 01-exercise
  • Scaffold a Title component with npm run scaffold Title
  • Add an H1 tag to the template
  • Either place a <slot/> tag between the H1 tags, or add a text prop and place {{text}} between the H1s
  • The Title's color will be primary, font-size 4, and text is centered
  • Add the Title component to App.vue as Title, register the component in components object
  • Add the H1 with our Title component and pass in the text Todo App however you have it designed
  • Open up Storybook at localhost:6006 and the application at localhost:8080