Personal-Website/client/src/components/Question.vue

<template>
  <div id='question_box'>
    {{ q }}
  </div>
</template>

<script>
export default {
  name: 'Question',
  props: {
    q: {
      type: String, 
      required: true,
    }
  }
}
</script>

<style scoped>
#question_box {
  --text-spacing: 0.75em;

  font-style: italic;
  margin-top: var(--text-spacing);
  margin-bottom: var(--text-spacing);
}
</style>
Add question component; italic text div 5 years ago			`<template>`
			`<div id='question_box'>`
			`{{ q }}`
			`</div>`
			`</template>`

			`<script>`
			`export default {`
Rename question and answer to Question and Answer 5 years ago			`name: 'Question',`
Add question component; italic text div 5 years ago			`props: {`
Require props of QA, Question and Answer 5 years ago			`q: {`
			`type: String,`
			`required: true,`
			`}`
Add question component; italic text div 5 years ago			`}`
			`}`
			`</script>`

			`<style scoped>`
			`#question_box {`
Add margin (top and bottom) to question component 5 years ago			`--text-spacing: 0.75em;`

Add question component; italic text div 5 years ago			`font-style: italic;`
Add margin (top and bottom) to question component 5 years ago			`margin-top: var(--text-spacing);`
			`margin-bottom: var(--text-spacing);`
Add question component; italic text div 5 years ago			`}`
			`</style>`