diff --git a/front/core/components/array-model/array-model.js b/front/core/components/array-model/array-model.js
index 5b0b94cdc..7ebb95755 100644
--- a/front/core/components/array-model/array-model.js
+++ b/front/core/components/array-model/array-model.js
@@ -214,7 +214,7 @@ export default class ArrayModel extends ModelProxy {
 }
 ArrayModel.$inject = ['$q', '$filter', '$element', '$scope'];
 
-ngModule.component('vnArrayModel', {
+ngModule.vnComponent('vnArrayModel', {
     controller: ArrayModel,
     bindings: {
         orgData: '<?',
diff --git a/front/core/components/crud-model/crud-model.js b/front/core/components/crud-model/crud-model.js
index 52052cc7f..9cfa3b410 100644
--- a/front/core/components/crud-model/crud-model.js
+++ b/front/core/components/crud-model/crud-model.js
@@ -272,7 +272,7 @@ export default class CrudModel extends ModelProxy {
 }
 CrudModel.$inject = ['$q', '$http', '$element', '$scope'];
 
-ngModule.component('vnCrudModel', {
+ngModule.vnComponent('vnCrudModel', {
     controller: CrudModel,
     bindings: {
         orgData: '<?',
diff --git a/front/core/components/icon/icon.js b/front/core/components/icon/icon.js
index 1b78f4693..38aea0056 100644
--- a/front/core/components/icon/icon.js
+++ b/front/core/components/icon/icon.js
@@ -25,7 +25,7 @@ class Icon {
 }
 Icon.$inject = ['$attrs'];
 
-ngModule.component('vnIcon', {
+ngModule.vnComponent('vnIcon', {
     template: '<i class="{{::$ctrl.iconClass}} unselectable">{{::$ctrl.iconContent}}</i>',
     controller: Icon,
     bindings: {
diff --git a/front/core/components/model-proxy/model-proxy.js b/front/core/components/model-proxy/model-proxy.js
index 1eaf749d5..592b25710 100644
--- a/front/core/components/model-proxy/model-proxy.js
+++ b/front/core/components/model-proxy/model-proxy.js
@@ -30,7 +30,7 @@ export class DataModel extends Component {
     clear() {}
 }
 
-ngModule.component('vnDataModel', {
+ngModule.vnComponent('vnDataModel', {
     controller: DataModel,
     bindings: {
         data: '=?',
@@ -269,7 +269,7 @@ export default class ModelProxy extends DataModel {
     }
 }
 
-ngModule.component('vnModelProxy', {
+ngModule.vnComponent('vnModelProxy', {
     controller: ModelProxy,
     bindings: {
         orgData: '<?',
diff --git a/front/core/components/multi-check/multi-check.js b/front/core/components/multi-check/multi-check.js
index 5c11e955e..610f51625 100644
--- a/front/core/components/multi-check/multi-check.js
+++ b/front/core/components/multi-check/multi-check.js
@@ -114,7 +114,7 @@ export default class MultiCheck extends FormInput {
     }
 }
 
-ngModule.component('vnMultiCheck', {
+ngModule.vnComponent('vnMultiCheck', {
     template: require('./multi-check.html'),
     controller: MultiCheck,
     bindings: {
diff --git a/front/core/components/pagination/pagination.js b/front/core/components/pagination/pagination.js
index f1393aee8..9979be368 100644
--- a/front/core/components/pagination/pagination.js
+++ b/front/core/components/pagination/pagination.js
@@ -90,7 +90,7 @@ class Pagination extends Component {
     }
 }
 
-ngModule.component('vnPagination', {
+ngModule.vnComponent('vnPagination', {
     template: require('./pagination.html'),
     bindings: {
         model: '<',
diff --git a/front/core/components/scroll-up/scroll-up.js b/front/core/components/scroll-up/scroll-up.js
index 2ada05394..f18513bca 100644
--- a/front/core/components/scroll-up/scroll-up.js
+++ b/front/core/components/scroll-up/scroll-up.js
@@ -22,7 +22,7 @@ export default class Controller extends Component {
 
 Controller.$inject = ['$element', '$scope', '$window'];
 
-ngModule.component('vnScrollUp', {
+ngModule.vnComponent('vnScrollUp', {
     template: require('./scroll-up.html'),
     controller: Controller,
     bindings: {
diff --git a/front/core/components/slot/portal.js b/front/core/components/slot/portal.js
index f4dbecb09..40631c52e 100644
--- a/front/core/components/slot/portal.js
+++ b/front/core/components/slot/portal.js
@@ -19,7 +19,7 @@ export default class Portal {
 }
 Portal.$inject = ['$transclude', 'vnSlotService'];
 
-ngModule.component('vnPortal', {
+ngModule.vnComponent('vnPortal', {
     controller: Portal,
     transclude: true,
     bindings: {
diff --git a/front/core/components/snackbar/snackbar.js b/front/core/components/snackbar/snackbar.js
index 9439198f0..14d920211 100644
--- a/front/core/components/snackbar/snackbar.js
+++ b/front/core/components/snackbar/snackbar.js
@@ -144,7 +144,7 @@ export default class Controller extends Component {
     }
 }
 
-ngModule.component('vnSnackbar', {
+ngModule.vnComponent('vnSnackbar', {
     template: require('./snackbar.html'),
     controller: Controller
 });
diff --git a/front/core/components/spinner/spinner.js b/front/core/components/spinner/spinner.js
index aee973aa6..ad535b6a4 100644
--- a/front/core/components/spinner/spinner.js
+++ b/front/core/components/spinner/spinner.js
@@ -54,4 +54,4 @@ export const component = {
     },
     controller: Spinner
 };
-ngModule.component('vnSpinner', component);
+ngModule.vnComponent('vnSpinner', component);
diff --git a/front/core/components/step-control/step-control.js b/front/core/components/step-control/step-control.js
index 0ca1f0c46..b5b3466ca 100644
--- a/front/core/components/step-control/step-control.js
+++ b/front/core/components/step-control/step-control.js
@@ -74,7 +74,7 @@ export default class StepControl {
 
 StepControl.$inject = ['$state'];
 
-ngModule.component('vnStepControl', {
+ngModule.vnComponent('vnStepControl', {
     template: require('./step-control.html'),
     controller: StepControl,
     bindings: {
diff --git a/front/core/components/tooltip/tooltip.js b/front/core/components/tooltip/tooltip.js
index 72d69f83d..e2dba2d03 100644
--- a/front/core/components/tooltip/tooltip.js
+++ b/front/core/components/tooltip/tooltip.js
@@ -197,7 +197,7 @@ export default class Tooltip extends Component {
 }
 Tooltip.$inject = ['$element', '$scope', '$timeout'];
 
-ngModule.component('vnTooltip', {
+ngModule.vnComponent('vnTooltip', {
     template: require('./tooltip.html'),
     controller: Tooltip,
     transclude: true,
diff --git a/front/core/components/treeview/child.js b/front/core/components/treeview/child.js
index 9e4edef35..36db07601 100644
--- a/front/core/components/treeview/child.js
+++ b/front/core/components/treeview/child.js
@@ -49,7 +49,7 @@ class Controller {
 }
 Controller.$inject = ['$element', '$scope', '$compile'];
 
-ngModule.component('vnTreeviewChild', {
+ngModule.vnComponent('vnTreeviewChild', {
     template: require('./child.html'),
     controller: Controller,
     bindings: {
diff --git a/front/core/components/treeview/childs.js b/front/core/components/treeview/childs.js
index 03ae30233..dfb241ed2 100644
--- a/front/core/components/treeview/childs.js
+++ b/front/core/components/treeview/childs.js
@@ -2,7 +2,7 @@ import ngModule from '../../module';
 
 class Controller {}
 
-ngModule.component('vnTreeviewChilds', {
+ngModule.vnComponent('vnTreeviewChilds', {
     template: require('./childs.html'),
     controller: Controller,
     bindings: {
diff --git a/front/core/components/treeview/index.js b/front/core/components/treeview/index.js
index b39ff7b46..848440cdc 100644
--- a/front/core/components/treeview/index.js
+++ b/front/core/components/treeview/index.js
@@ -247,7 +247,7 @@ export default class Treeview extends Component {
 
 Treeview.$inject = ['$element', '$scope', '$transclude', '$window'];
 
-ngModule.component('vnTreeview', {
+ngModule.vnComponent('vnTreeview', {
     template: require('./index.html'),
     controller: Treeview,
     bindings: {
diff --git a/front/core/components/watcher/watcher.js b/front/core/components/watcher/watcher.js
index 1a1abffa5..9de9d8c1b 100644
--- a/front/core/components/watcher/watcher.js
+++ b/front/core/components/watcher/watcher.js
@@ -267,7 +267,7 @@ export default class Watcher extends Component {
 }
 Watcher.$inject = ['$element', '$scope', '$state', '$stateParams', '$transitions', '$http', 'vnApp', '$translate', '$attrs', '$q'];
 
-ngModule.component('vnWatcher', {
+ngModule.vnComponent('vnWatcher', {
     template: require('./watcher.html'),
     bindings: {
         url: '@?',