title: How to send a color as a props in Vue?
body: <p>This is my Button vue Object. I want to change the color based on the props</p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="get-started-btn flex center"
           style="cursor: pointer;
              padding: 0px 15px;
              height: 36px;
              color: {{color}} "&gt;
              {{text}}
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: "Button",
          props:{
              text:String,
              color: String,
              backgroundColor: String,
          }
      }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  .get-started-btn{
      background-color: {{backgroundColor}};
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>For example: </p>
  
  <pre><code>    &lt;Button text="Mark As Done" color="white" backgroundColor="#1cb86e"&gt;&lt;/Button&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>  &lt;Button text="Get Started" color="white" backgroundColor="#299ff6"&gt;&lt;/Button&gt;
  </code></pre>
  
  <p>But it is not compiling</p>