diff --git a/front/salix/components/descriptor/index.js b/front/salix/components/descriptor/index.js
index 3d6dd1b3f..333360d2b 100644
--- a/front/salix/components/descriptor/index.js
+++ b/front/salix/components/descriptor/index.js
@@ -107,7 +107,7 @@ export class DescriptorContent {
 }
 DescriptorContent.$inject = ['$transclude', 'vnModules'];
 
-ngModule.component('vnDescriptorContent', {
+ngModule.vnComponent('vnDescriptorContent', {
     template: require('./index.html'),
     controller: DescriptorContent,
     bindings: {
diff --git a/front/salix/components/descriptor/quick-link.js b/front/salix/components/descriptor/quick-link.js
index 545f235a0..cd85f5250 100644
--- a/front/salix/components/descriptor/quick-link.js
+++ b/front/salix/components/descriptor/quick-link.js
@@ -2,7 +2,7 @@ import ngModule from '../../module';
 
 export default class QuickLink {}
 
-ngModule.component('vnQuickLink', {
+ngModule.vnComponent('vnQuickLink', {
     template: require('./quick-link.html'),
     controller: QuickLink,
     bindings: {
diff --git a/front/salix/components/home/home.js b/front/salix/components/home/home.js
index 367880b31..3da49a265 100644
--- a/front/salix/components/home/home.js
+++ b/front/salix/components/home/home.js
@@ -28,7 +28,7 @@ export default class Controller extends Component {
 }
 Controller.$inject = ['$element', '$scope', 'vnModules', '$sce'];
 
-ngModule.component('vnHome', {
+ngModule.vnComponent('vnHome', {
     template: require('./home.html'),
     controller: Controller
 });
diff --git a/front/salix/components/layout/index.js b/front/salix/components/layout/index.js
index 883b010ba..b8ca74b99 100644
--- a/front/salix/components/layout/index.js
+++ b/front/salix/components/layout/index.js
@@ -21,7 +21,7 @@ export class Layout extends Component {
 }
 Layout.$inject = ['$element', '$scope', 'vnModules'];
 
-ngModule.component('vnLayout', {
+ngModule.vnComponent('vnLayout', {
     template: require('./index.html'),
     controller: Layout,
     require: {
diff --git a/front/salix/components/left-menu/left-menu.js b/front/salix/components/left-menu/left-menu.js
index c4bba64dd..5f047060a 100644
--- a/front/salix/components/left-menu/left-menu.js
+++ b/front/salix/components/left-menu/left-menu.js
@@ -117,7 +117,7 @@ export default class LeftMenu {
 }
 LeftMenu.$inject = ['$state', '$transitions', 'aclService', '$timeout', '$element'];
 
-ngModule.component('vnLeftMenu', {
+ngModule.vnComponent('vnLeftMenu', {
     template: require('./left-menu.html'),
     controller: LeftMenu,
     bindings: {
diff --git a/front/salix/components/login/login.js b/front/salix/components/login/login.js
index efb5e02bb..b5f8c1e7d 100644
--- a/front/salix/components/login/login.js
+++ b/front/salix/components/login/login.js
@@ -37,7 +37,7 @@ export default class Controller {
 }
 Controller.$inject = ['$scope', '$element', 'vnAuth'];
 
-ngModule.component('vnLogin', {
+ngModule.vnComponent('vnLogin', {
     template: require('./login.html'),
     controller: Controller
 });
diff --git a/front/salix/components/side-menu/side-menu.js b/front/salix/components/side-menu/side-menu.js
index c2b5b421e..0e683b4bb 100644
--- a/front/salix/components/side-menu/side-menu.js
+++ b/front/salix/components/side-menu/side-menu.js
@@ -68,7 +68,7 @@ export default class SideMenu extends Component {
     }
 }
 
-ngModule.component('vnSideMenu', {
+ngModule.vnComponent('vnSideMenu', {
     template: require('./side-menu.html'),
     controller: SideMenu,
     transclude: true,
diff --git a/front/salix/components/user-popover/index.js b/front/salix/components/user-popover/index.js
index 88efb26d1..c2fb6a130 100644
--- a/front/salix/components/user-popover/index.js
+++ b/front/salix/components/user-popover/index.js
@@ -80,7 +80,7 @@ class Controller {
 }
 Controller.$inject = ['$scope', '$translate', 'vnConfig', 'vnAuth'];
 
-ngModule.component('vnUserPopover', {
+ngModule.vnComponent('vnUserPopover', {
     template: require('./index.html'),
     controller: Controller
 });