Vue-grid-layout: Shouldn't grid-item be a slot?

[CheyenneForbes]

Whats the point of having both v-for="item in layout" for grid-item and :layout="layout" or :layout.sync="layout" for grid-layout?

[CheyenneForbes]

Anyone?

[gmsa]

You can try and modify the source to get it working with slots and submit a PR. I couldn't make it work.

[CheyenneForbes]

I'm unable to test my modifications

All works okay when I do yarn add vue-grid-layout but i get the following message in the browser when I do yarn add file:/{PATH}/vue-grid-layout after cloning it (even without adding my changes):

[Vue warn]: Unknown custom element: <grid-layout> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Here are the steps I took before running the code:

cd vue-grid-layout
npm install
npm run build-lib

cd .../test-vgl
yarn add file:/{PATH}/vue-grid-layout

[CheyenneForbes]

any tips?

[CheyenneForbes]

👀

[CheyenneForbes]

Hey @gmsa can you give any information regarding my last query?

[milgner]

@CheyenneForbes did you register the component using

components: {
    GridLayout: VueGridLayout.GridLayout,
    GridItem: VueGridLayout.GridItem
},

The error message would be consistent with this part not being there.

I use Vue Class Components (Typescript) and there it looks like

@Component({
  components: {
    GridLayout: VueGridLayout.GridLayout,
    GridItem: VueGridLayout.GridItem,
  },
})
export default class MainScreen extends Vue {
}

[CheyenneForbes]

oops, just remembered I stopped doing that because I'm using SSR, I'm using the hack to add it via plugins... I forgot to enable the plugin

[CheyenneForbes]

we need to make this support being imported when using SSR so we can at least import and wrap it with