Vue

by Abner Rodrigues

HTML

<div id="app">

  <form>
    <input placeholder="Campo com autocomplete" name="q" />
    <input placeholder="Abner Rodrigues" id="nome" :name="nameInput" />
  </form>
</div>

SCSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

form {
  display: flex;
  justify-content: space-between;
}

input {
  padding: 10px;
  outline: 0;
  margin-bottom: 10px;
  
  &:nth-child(1){
   border: 1px solid red; 
  }
  
  &:nth-child(2){
   border: 1px solid green; 
  }
}

Vue

new Vue({
  el: "#app",
  data: {
  	nameInput: `nome-${new Date().getTime()}`,
  },
})