Add RTL support

[adi518]

Adds #39

[sagalbot]

No need for this here. The data properties above it are all modified internally by the component. Since props are immutable, they are proxied to mutable values here.

Since vue-select has no reason to change rtl, we don't need to create a mutable data property for it.

[adi518]

Hmm, I don't recall making it mutable.

[sagalbot]

You have it defined as both a prop, and a data key, both with the rtl key.

[adi518]

Really strange, you'd get an error from Vue. IIRC, I set it as prop and then added it to the dropdownClasses computed prop.

[sagalbot]

Whoah! I've reviewed too many PRs today.. The way github presented the changes totally makes it look like it was in data, but yeah, it's in dropdownClasses().

[adi518]

Yes, it appeared like that for me as well. Kinda confusing, mysterious ways of the Github.

[sagalbot]

This has been on the list a long time. Thank you!

[sagalbot]

RTL Support

[sagalbot]

Changed the API a bit here. I liked your implementation because it's quick: <v-select rtl></v-select> is all you need, but to keep things familiar, I switched to <v-select dir="rtl"></v-select> since it's a documented attribute in the HTML spec. The prop is a string that defaults to auto.

[adi518]

I assigned the dir attribute. I don't think you can shorthand rtl. It'd be nice though. A minor typo there, "rlt" instead of "rtl". :)

[sagalbot]

Yep, any boolean props you want to set to true, you can shorthand. ex:

<v-select taggable></v-select>

Pretty handy.

Anyways, here's the final API for this:

<v-select dir="rtl"></v-select>
<v-select dir="ltr"></v-select>
<v-select dir="auto"></v-select> // default

I replaced the rtl Boolean prop with the dir String prop. It'll add the proper classes if you set dir to rtl, and it adds the dir="rtl" on the root div.

[adi518]

Oh. Didn't know that one. Slick. Silly me. Didn't notice the auto option of dir attribute, as documented in MDN.