Update: Ignore some files

.gitignore

@@ -1,6 +1,8 @@
 .quasar
 .DS_Store
 .thumbs.db
+.env
+.env.production
 node_modules
 /dist
 /src-cordova/node_modules
@@ -22,4 +24,4 @@ yarn-error.log*
 *.sln
 
 # Coverage
-coverage
+coverage

README.md

@@ -3,20 +3,23 @@
 # FreePlanet
 
 I finally started my FreePlanet project !<br>
-I have a lot of ideas to which kind of features adding, to create an app in order to Help people to find and connect each others, using categories, filters and many profiling details about yourself.
+I have a lot of ideas to which kind of features adding, to create an app in order to help people to find and connect each others, using categories, filters and many profiling details about yourself.
 </div>
 
 <div>
 This app was made by Vue.js, Quasar Framework, Typescript, and Progressive Web App (PWA) amazing native-looking apps, thanks to the Quasar Framework and TypeScript
 
 </div>
+<br>
+
+<br>
 
 <div align="center">
 
 [![Made with Quasar](https://img.shields.io/badge/made%20with-Quasar-blue.svg?style=for-the-badge)](https://github.com/quasarframework/quasar)
 [![Uses TypeScript](https://img.shields.io/badge/uses-TypeScript-3F51B5.svg?style=for-the-badge)](https://github.com/Microsoft/TypeScript)
 
-[![License MIT](https://img.shields.io/github/license/paoloar77/freeplanet-blue.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
+<!--[![License MIT](https://img.shields.io/github/license/paoloar77/freeplanet-blue.svg?style=for-the-badge)](https://opensource.org/licenses/MIT) -->
 
 </div>
 

src/components/Counter.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <h3>TS Counter</h3>
+        <div>{{count}}</div>
+        <div>
+            <button @click="increment()">INCREMENT</button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+    import Vue from 'vue'
+    import Component from 'vue-class-component'
+
+    @Component
+    export default class Counter extends Vue {
+        count = 0;
+        increment() { this.count++ }
+    }
+</script>

src/layouts/MainLayout.vue

@@ -0,0 +1,25 @@
+<template lang="pug">
+  q-layout(view="lHh Lpr lFf")
+    q-layout-header
+      q-toolbar.row(color="primary", glossy)
+        q-toolbar-title.col
+          span Quasar TypeScript
+          div(slot="subtitle") Quasar v{{ $q.version }}
+
+        q-btn-dropdown(ref="selectLanguages", v-if="hasMultipleLanguages", icon="language", :label="currentLanguage.code", flat, dense)
+          q-list(link)
+            q-item(v-close-overlay, v-for="(language, index) in availableLanguages", :key="index", @click.native="setLanguage(language.code)")
+              q-item-main
+                q-item-tile(label) {{ language.name }}
+              q-item-side(v-if="language.code === currentLanguage.code", right, icon="done", color="primary")
+    q-page-container
+      router-view
+</template>
+
+<script lang="ts">
+import { Vue, Component, Mixins } from 'vue-property-decorator'
+import { Mixin as i18nMixin } from '@/plugins/i18n'
+
+@Component
+export default class MainLayout extends Mixins(i18nMixin) {}
+</script>

src/pages/Dashboard.vue

@@ -0,0 +1,21 @@
+<template lang="pug">
+  q-page.flex.flex-center
+    .column.flex-center
+      p {{ $t('pages.dashboard.title') }}
+</template>
+
+<style>
+</style>
+
+<script lang="ts">
+import { Vue, Component, Mixins } from 'vue-property-decorator'
+
+@Component({
+  meta () {
+    return {
+      title: 'Dashboard'
+    }
+  }
+})
+export default class PageDashboard extends Vue {}
+</script>