diff --git a/index.html b/index.html
index a5453814189bafb51cd9069901a22886eab45526..0d9fb0a87ff908eeb0c21a167928c035faddf005 100644
--- a/index.html
+++ b/index.html
@@ -9,4 +9,4 @@
 		<div id="app"></div>
 		<!-- built files will be auto injected -->
 	</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index e1d715808ac722aaac5a0d8eefd9898bd594b318..9fa524a52306723ce8db3abce164a80349de0de5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,6 +13,9 @@
 			<li class="nav-item">
 				<a href="/Updates" class="nav-link">Updates</a>
 			</li>
+			<li class="nav-item">
+				<a href="/Settings" class="nav-link">Settings</a>
+			</li>
 		</div>
 		<form class="form-inline my-2 my-lg-0">
 			<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
@@ -26,10 +29,7 @@
 	</nav>
 
 	<div class="container-fluid">
-		<router-view/>
-		<!-- <router-view name="Client"/> -->
-		<!-- <router-view name="Products"/> -->
-		<!-- <router-view name=""> -->
+		<router-view/> <!-- Container VueJS -->
 	</div>
 </div>
 </template>
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e2137c55a8cb31fce7a83746cd1bb109d7a24b6b
--- /dev/null
+++ b/src/components/Settings.vue
@@ -0,0 +1,30 @@
+<template>
+	<div id="products-list" class="container">
+		<div>
+			<div class="">
+				<h1 class="text-center">Settings</h1>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+    name: 'Settings',
+	data () {
+		return { }
+	},
+	mounted () {
+		console.log('Settings')
+		// for (var property in this.$i18n.messages) {
+		// 	if (this.$i18n.messages.hasOwnProperty(property)) {
+		// 		this.langs.push({ 'lang': property, 'locale': this.$i18n.messages[property].global.locale })
+		// 	}
+		// }
+	}
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file