You have to import
"vue-class-component": "^8.0.0-rc.1",
And syntax for Vue 3 is a bit different. Something like this:
import {
ColumnChooser,
ColumnDirective,
ColumnsDirective,
CommandColumn,
ContextMenu,
Edit,
ExcelExport,
Filter,
ForeignKey,
Freeze,
Grid,
GridComponent,
Group,
Page,
PdfExport,
Reorder,
Resize,
RowDD,
Search,
Selection,
Sort,
Toolbar,
} from '@syncfusion/ej2-vue-grids'
Grid.Inject(CommandColumn)
Grid.Inject(ColumnChooser)
Grid.Inject(ContextMenu)
Grid.Inject(Edit)
Grid.Inject(ExcelExport)
Grid.Inject(Filter)
Grid.Inject(ForeignKey)
Grid.Inject(Freeze)
Grid.Inject(Group)
Grid.Inject(Page)
Grid.Inject(PdfExport)
Grid.Inject(Reorder)
Grid.Inject(Resize)
Grid.Inject(RowDD)
Grid.Inject(Search)
Grid.Inject(Selection)
Grid.Inject(Sort)
Grid.Inject(Toolbar)
export default {
data() {
return {}
},
components: {
'ejs-grid': GridComponent,
'e-columns': ColumnsDirective,
'e-column': ColumnDirective,
},
}