add editorconfig

Reviewed-on: kompetenzinventar/ki-frontend#12

.editorconfig

@@ -0,0 +1,24 @@
+# SPDX-FileCopyrightText: WTF Kooperative eG <https://wtf-eg.de/>
+#
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 4
+
+[*.{json,js,vue}]
+indent_size = 2
+
+[*.{yml,yaml}]
+indent_size = 2
+
+[*.html]
+indent_size = 2
+
+[*.{css,scss}]
+indent_size = 2

package.json

@@ -18,6 +18,8 @@
     "core-js": "^3.6.5",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0",
+    "sass": "^1.37.5",
+    "sass-loader": "^10.2.0",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0-0"
   }

src/assets/global.scss

@@ -2,7 +2,9 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
+@import "variables";
+@import "bootstrap/scss/bootstrap";
+
 .container{
   min-height: calc(100vh - 70px - 24px);
 }
-  

src/assets/variables.scss

@@ -0,0 +1 @@
+$primary: #0790a9;

src/main.js

@@ -5,8 +5,7 @@ import router from './router'
 
 import axios from 'axios'
 
-import 'bootstrap/dist/css/bootstrap.min.css'
+import './assets/global.scss'
-import './assets/custom.css'
 
 const app = createApp(App)
 

src/router/index.js

@@ -13,10 +13,7 @@ const routes = [
       template: "<router-view/>",
     },
     beforeEnter: (to, from, next) => {
-      console.log('test')
-      console.log('token', localStorage.getItem('token'))
       if(localStorage.getItem('token') !== null){
-        console.log('next')
         next()
       }else{
         next({path: '/', query: {url: to.fullPath, access: false}})

src/views/profile/View.vue

@@ -28,9 +28,11 @@
       :values="profile.languages"
       type="language"
     ></profile-list>
+    <div v-if="profile.address">
       <h3>Meine Location:</h3>
       {{profile.address.city}} ({{profile.address.postcode}}), {{profile.address.country}}
     </div>
+  </div>
 </template>
 <script>
 import ProfileList from "@/components/ProfileList";