<commit_before><template>
  <form @submit.prevent="registerUser">
    <label for="username">Username</label>
    <input name="username" type="text" v-model="username" />
    
    <br />

    <label for="join-band">Join</label>
    <input type="radio" value="join" v-model="select" />

    <label for="create-band">Create</label>
    <input type="radio" value="create" v-model="select" />

    <br />
  
    <div v-if="select === 'join'">
      <label for="join-band">Join Band</label>
      <select name="join-band" v-model="band">
        <option value="null">No Bands Available</option>
      </select>
    </div>

    <br />
    
    <div v-if="select === 'create'">
      <label for="create-band">Create Band:</label>
      <input type="text" v-model="band" />
    </div>
    <br />

    <input type="submit" value="Join" />
  </form>
</template>

<script>
  export default {
    data() {
      return {
        band: '',
        bands: [],
        select: '',
        username: '',
      };
    },
    methods: {
      registerUser() {
        const user = {
          username: this.username,
          bandname: this.band,
        };<commit_msg>move radio buttons to top lol<commit_after><template>
  <form @submit.prevent="registerUser">
    <span>Band:</span>
    <input type="radio" value="join" v-model="select" />
    <label for="join-band">Join</label>

    <input type="radio" value="create" v-model="select" />
    <label for="create-band">Create</label>

    <br />

    <label for="username">Username</label>
    <input name="username" type="text" v-model="username" />
    
    <br />
  
    <div v-if="select === 'join'">
      <label for="join-band">Join Band</label>
      <select name="join-band" v-model="band">
        <option value="null">No Bands Available</option>
      </select>
    </div>
    
    <div v-if="select === 'create'">
      <label for="create-band">Create Band:</label>
      <input type="text" v-model="band" />
    </div>
    <br />

    <input type="submit" value="Join" />
  </form>
</template>

<script>
  export default {
    data() {
      return {
        band: '',
        bands: [],
        select: '',
        username: '',
      };
    },
    methods: {
      registerUser() {
        const user = {
          username: this.username,
          bandname: this.band,
        };
{'fraction_non_alphanumeric': 0.19347919347919348, 'fraction_numerical': 0.0, 'mean_word_length': 2.2937853107344632, 'pattern_counts': {'":': 0, '<': 68, '<?xml version=': 0, '>': 68, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2937664', 'n_tokens_mistral': 755, 'n_tokens_neox': 741, 'n_words': 149}