summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/MyModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/MyModule.vue')
-rw-r--r--webapp/src/components/MyModule.vue50
1 files changed, 50 insertions, 0 deletions
diff --git a/webapp/src/components/MyModule.vue b/webapp/src/components/MyModule.vue
new file mode 100644
index 0000000..67aa859
--- /dev/null
+++ b/webapp/src/components/MyModule.vue
@@ -0,0 +1,50 @@
+<i18n>
+{
+ "en": {
+ "hello": "hello world!",
+ "test": {
+ "abc": "abc"
+ }
+ },
+ "de": {
+ "hello": "Hallo Welt!",
+ "test": {
+ "abc": "abc"
+ }
+ }
+}
+</i18n>
+
+<template>
+ <div class="my-module">
+ </div>
+</template>
+
+<script>
+
+export default {
+ name: 'MyModule',
+ data () {
+ return {
+ msg: 'Welcome to Your Vue.js App'
+ }
+ },
+ methods: {
+ logout () {
+ localStorage.removeItem('apiToken')
+ this.$router.push('/login')
+ }
+ }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+
+.my-module {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+</style>