OK! I got it. Now it works like a charm.

Thank you Scott!

I’m trying to manage a list inside a scroll-area next to another component (list / datatable).
As you can see in this codepen, when you resize the window to sm-size (less than 1024px), the component on the right partially or totally hides the scroll-area and the first list.

What am I doing wrong?

OK! I got it. Now it works like a charm.

Thank you Scott!

I am trying to use the number localization of the i18n plugin but I receive the following warnings.

 WARNING  Compiled with 2 warnings                                                                          
 warning  in ./src/boot/i18n.js
"export 'messages' was not found in 'src/i18n'
 warning  in ./src/boot/i18n.js
"export 'numberFormats' was not found in 'src/i18n'

// i18n/it/index.js
const messages = {...}
const numberFormats = {
  currency: {
    style: 'currency', currency: 'EUR'
  }
}
export default { messages, numberFormats }

// i18n/index.js
import enUS from './en-us'
import itIT from './it'

export default {
  'en-us': enUS,
  it: itIT
}

// boot/i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import { messages, numberFormats } from 'src/i18n'

Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: 'it',
  fallbackLocale: 'en-us',
  messages,
  numberFormats
})

export default ({ app }) => {
  // Set i18n instance on app
  app.i18n = i18n
}
export { i18n }

What am I doing wrong?