Replace CamelCase template component references with kebab-case

[NiloCK]

Replace eg: <UserLogin /> with <user-login /> throughout the project. For reasons unknown to me, this helps VSCode track component definitions, etc.

[NiloCK]

This hasn't had the desired effect. Possible difference is:

• App.vue (which allows for 'go to definition') is defined w/

export default {
  name: 'App',
  components: {
    UserLoginAndRegistrationContainer,
    SnackbarService
  },
  data() {
    return {
      clipped: false,
      drawer: true,
      fixed: false,
      items: [
        {
          icon: 'home',
          title: 'Home'
        },
        {
          icon: 'school',
          title: 'Study'
        },
        {
          icon: 'add_to_queue',
          title: 'Edit'
        }
      ],
      miniVariant: false,
      right: true,
      rightDrawer: false,
      title: 'Skuilder'
    };
  }
};

• Where the files that don't allow goto-def are class components:

@Component({
  components: {
    DataInputForm,
    ComponentRegistration
  }
})
export default class CourseEditor extends Vue {
  @Prop() public course: string;
  public registeredDataShapes: DataShape[] = [];
  public dataShapes: DataShape[] = [];
  public selectedShape: string = '';
  private loading: boolean = true;
  private editingMode: boolean = true;

// ...

[NiloCK]

Above suspicion was correct. Bug filed w/ vetur at vuejs/vetur#864.