Update: Ignore some files
This commit is contained in:
2
.gitignore
vendored
2
.gitignore
vendored
@@ -1,6 +1,8 @@
|
|||||||
.quasar
|
.quasar
|
||||||
.DS_Store
|
.DS_Store
|
||||||
.thumbs.db
|
.thumbs.db
|
||||||
|
.env
|
||||||
|
.env.production
|
||||||
node_modules
|
node_modules
|
||||||
/dist
|
/dist
|
||||||
/src-cordova/node_modules
|
/src-cordova/node_modules
|
||||||
|
|||||||
@@ -3,20 +3,23 @@
|
|||||||
# FreePlanet
|
# FreePlanet
|
||||||
|
|
||||||
I finally started my FreePlanet project !<br>
|
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>
|
||||||
|
|
||||||
<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
|
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>
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
|
|
||||||
[](https://github.com/quasarframework/quasar)
|
[](https://github.com/quasarframework/quasar)
|
||||||
[](https://github.com/Microsoft/TypeScript)
|
[](https://github.com/Microsoft/TypeScript)
|
||||||
|
|
||||||
[](https://opensource.org/licenses/MIT)
|
<!--[](https://opensource.org/licenses/MIT) -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
20
src/components/Counter.vue
Normal file
20
src/components/Counter.vue
Normal file
@@ -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>
|
||||||
25
src/layouts/MainLayout.vue
Normal file
25
src/layouts/MainLayout.vue
Normal file
@@ -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>
|
||||||
21
src/pages/Dashboard.vue
Normal file
21
src/pages/Dashboard.vue
Normal file
@@ -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>
|
||||||
Reference in New Issue
Block a user