Note:This PR is huge, not in the number of files, but in the change of approach. I will understand if it is not accepted.
Problem
I have a website that has over 50 languages. Unfortunately, 50 tabs do not fit on the page. It expands it and "spoils" the appearance. I also noticed that your package does not have RWD.
In both cases, the only sensible solution is to add select instead of tabs.
Solution
I kept your solution and decided to add an option to change "tabs" to "select" in the configuration. (Default is "tabs")
I also added a function that checks if the browser is mobile or if the screen width is less than 768px. If it is, tabs are changed to select regardless of configuration.
Select also includes a search capability (for a better UX). I used the "vue-select" library.
Hi!
Note: This PR is huge, not in the number of files, but in the change of approach. I will understand if it is not accepted.
Problem
I have a website that has over 50 languages. Unfortunately, 50 tabs do not fit on the page. It expands it and "spoils" the appearance. I also noticed that your package does not have RWD. In both cases, the only sensible solution is to add select instead of tabs.
Solution
I kept your solution and decided to add an option to change "tabs" to "select" in the configuration. (Default is "tabs")
I also added a function that checks if the browser is mobile or if the screen width is less than 768px. If it is, tabs are changed to select regardless of configuration.
Select also includes a search capability (for a better UX). I used the "vue-select" library.
Result
This is what the implementation looks like: