diff --git a/front/core/components/data-viewer/index.js b/front/core/components/data-viewer/index.js
index 1f967d94b..8d0d94402 100644
--- a/front/core/components/data-viewer/index.js
+++ b/front/core/components/data-viewer/index.js
@@ -21,7 +21,7 @@ export default class DataViewer {
     }
 }
 
-ngModule.component('vnDataViewer', {
+ngModule.vnComponent('vnDataViewer', {
     template: require('./index.html'),
     transclude: true,
     controller: DataViewer,
diff --git a/front/core/components/label-value/index.js b/front/core/components/label-value/index.js
index 71863f867..ec1e6c1a3 100644
--- a/front/core/components/label-value/index.js
+++ b/front/core/components/label-value/index.js
@@ -42,7 +42,7 @@ export default class Controller extends Component {
     }
 }
 
-ngModule.component('vnLabelValue', {
+ngModule.vnComponent('vnLabelValue', {
     controller: Controller,
     template: require('./index.html'),
     transclude: true,
diff --git a/front/core/components/table/index.js b/front/core/components/table/index.js
index 0b9236c84..a61b97485 100644
--- a/front/core/components/table/index.js
+++ b/front/core/components/table/index.js
@@ -45,7 +45,7 @@ export default class Table {
 
 Table.$inject = ['$scope', '$element', '$transclude'];
 
-ngModule.component('vnTable', {
+ngModule.vnComponent('vnTable', {
     template: require('./index.html'),
     transclude: true,
     controller: Table,
diff --git a/front/core/components/td-editable/index.js b/front/core/components/td-editable/index.js
index 844e7501e..b3ef1e436 100644
--- a/front/core/components/td-editable/index.js
+++ b/front/core/components/td-editable/index.js
@@ -94,7 +94,7 @@ export default class Controller extends Component {
 }
 Controller.$inject = ['$element', '$scope', '$transclude', '$timeout'];
 
-ngModule.component('vnTdEditable', {
+ngModule.vnComponent('vnTdEditable', {
     template: require('./index.html'),
     controller: Controller,
     bindings: {
diff --git a/front/core/components/th/index.js b/front/core/components/th/index.js
index 682fb4eb1..b8260bd74 100644
--- a/front/core/components/th/index.js
+++ b/front/core/components/th/index.js
@@ -75,7 +75,7 @@ export default class Th {
 
 Th.$inject = ['$element'];
 
-ngModule.component('vnTh', {
+ngModule.vnComponent('vnTh', {
     template: require('./index.html'),
     transclude: true,
     controller: Th,