Tailwind.css / Vuetify

[wazolab]

Discuss about which one we keep and strategies around it. As of today both are overlapping and creates conflicts.

• Vuetify (UI Components)
• TailwindCSS (grid, tokens) ?

TODO:

• [ ] Use Vuetify classes instead of Tailwind's
• [ ] Remove Tailwind's configs

[wazolab]

Where Vuetify is used in our project ? Components

• Filters/DateRange
• Filters/NumberRange
• Filters/Select
• MainMap/FavoriteMenu
• MainMap/NavMenu
• PoiDetails/Carousel
• PoisList/CategorySelector
• UI/ShareLinkModal

Where TailwindCSS is used in our project ?

• nuxt.config.ts: postcss config
• histoire.config.ts / histoire.setup.js
• stylelint.config.js: ignore rule
• tailwind.scss
• layouts/default: import tailwind.scss
• plugins/device.ts: vue-screen useGrid() is using 'tailwind' preset, maybe we can use useDisplay() from Vuetify ?
• Classes in :

  [
  './components/**/*.{js,vue,ts}',
  './layouts/**/*.vue',
  './pages/**/*.vue',
  './plugins/**/*.{js,ts}',
  './nuxt.config.{js,ts}',
  './app.vue',
  ]