aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2020-10-06 13:01:38 +0000
committerAndrew Lee <alee14498@protonmail.com>2020-10-06 13:01:38 +0000
commita1285728d3d352166b8fe6df27aa078d9373d22e (patch)
tree705d256f8e03f167cd82e8361236f991d7c1a7b1
parent526efb52c29fe6ef6e855dd5440f1c76f6113c7a (diff)
downloadchine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.tar.gz
chine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.tar.bz2
chine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.zip
stuff
-rw-r--r--layouts/default.vue55
-rw-r--r--pages/index.vue91
-rw-r--r--pages/inspire.vue15
-rw-r--r--pages/page1.vue13
-rw-r--r--pages/page2.vue18
5 files changed, 37 insertions, 155 deletions
diff --git a/layouts/default.vue b/layouts/default.vue
index 48daba2..35aa2ab 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,64 +1,11 @@
<template>
<v-app dark>
- <v-navigation-drawer
- v-model="drawer"
- :mini-variant="miniVariant"
- :clipped="clipped"
- fixed
- app
- >
- <v-list>
- <v-list-item
- v-for="(item, i) in items"
- :key="i"
- :to="item.to"
- router
- exact
- >
- <v-list-item-action>
- <v-icon>{{ item.icon }}</v-icon>
- </v-list-item-action>
- <v-list-item-content>
- <v-list-item-title v-text="item.title" />
- </v-list-item-content>
- </v-list-item>
- </v-list>
- </v-navigation-drawer>
- <v-app-bar :clipped-left="clipped" fixed app>
- <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
- <v-btn icon @click.stop="miniVariant = !miniVariant">
- <v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon>
- </v-btn>
- <v-btn icon @click.stop="clipped = !clipped">
- <v-icon>mdi-application</v-icon>
- </v-btn>
- <v-btn icon @click.stop="fixed = !fixed">
- <v-icon>mdi-minus</v-icon>
- </v-btn>
- <v-toolbar-title v-text="title" />
- <v-spacer />
- <v-btn icon @click.stop="rightDrawer = !rightDrawer">
- <v-icon>mdi-menu</v-icon>
- </v-btn>
- </v-app-bar>
<v-main>
<v-container>
<nuxt />
+ <p>Previous | Next</p>
</v-container>
</v-main>
- <v-navigation-drawer v-model="rightDrawer" :right="right" temporary fixed>
- <v-list>
- <v-list-item @click.native="right = !right">
- <v-list-item-action>
- <v-icon light> mdi-repeat </v-icon>
- </v-list-item-action>
- <v-list-item-title>Switch drawer (click me)</v-list-item-title>
- </v-list-item>
- </v-list>
- </v-navigation-drawer>
- <v-footer :absolute="!fixed" app>
- <span>&copy; {{ new Date().getFullYear() }}</span>
- </v-footer>
</v-app>
</template>
diff --git a/pages/index.vue b/pages/index.vue
index 4bb8197..2500dd2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,93 +1,12 @@
<template>
- <v-row justify="center" align="center">
- <v-col cols="12" sm="8" md="6">
- <div class="text-center">
- <logo />
- <vuetify-logo />
- </div>
- <v-card>
- <v-card-title class="headline">
- Welcome to the Vuetify + Nuxt.js template
- </v-card-title>
- <v-card-text>
- <p>
- Vuetify is a progressive Material Design component framework for
- Vue.js. It was designed to empower developers to create amazing
- applications.
- </p>
- <p>
- For more information on Vuetify, check out the
- <a
- href="https://vuetifyjs.com"
- target="_blank"
- rel="noopener noreferrer"
- >
- documentation </a
- >.
- </p>
- <p>
- If you have questions, please join the official
- <a
- href="https://chat.vuetifyjs.com/"
- target="_blank"
- rel="noopener noreferrer"
- title="chat"
- >
- discord </a
- >.
- </p>
- <p>
- Find a bug? Report it on the github
- <a
- href="https://github.com/vuetifyjs/vuetify/issues"
- target="_blank"
- rel="noopener noreferrer"
- title="contribute"
- >
- issue board </a
- >.
- </p>
- <p>
- Thank you for developing with Vuetify and I look forward to bringing
- more exciting features in the future.
- </p>
- <div class="text-xs-right">
- <em><small>&mdash; John Leider</small></em>
- </div>
- <hr class="my-3" />
- <a
- href="https://nuxtjs.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Nuxt Documentation
- </a>
- <br />
- <a
- href="https://github.com/nuxt/nuxt.js"
- target="_blank"
- rel="noopener noreferrer"
- >
- Nuxt GitHub
- </a>
- </v-card-text>
- <v-card-actions>
- <v-spacer />
- <v-btn color="primary" nuxt to="/inspire"> Continue </v-btn>
- </v-card-actions>
- </v-card>
- </v-col>
- </v-row>
+ <div>
+ <h1>La paye de Chine</h1>
+ <p>Par Andrew Lee</p>
+ </div>
</template>
<script>
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
-
export default {
- components: {
- Logo,
- VuetifyLogo,
- },
+ components: {},
}
</script>
diff --git a/pages/inspire.vue b/pages/inspire.vue
deleted file mode 100644
index 4ed16f9..0000000
--- a/pages/inspire.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
- <v-layout>
- <v-flex class="text-center">
- <img src="/v.png" alt="Vuetify.js" class="mb-5" />
- <blockquote class="blockquote">
- &#8220;First, solve the problem. Then, write the code.&#8221;
- <footer>
- <small>
- <em>&mdash;John Johnson</em>
- </small>
- </footer>
- </blockquote>
- </v-flex>
- </v-layout>
-</template>
diff --git a/pages/page1.vue b/pages/page1.vue
new file mode 100644
index 0000000..ae97944
--- /dev/null
+++ b/pages/page1.vue
@@ -0,0 +1,13 @@
+<template>
+ <div>
+ <h1>Où est le chef de la paye?</h1>
+ <!-- Reveal animation here -->
+ <p>C'est Xi Jinping.</p>
+ </div>
+</template>
+
+<script>
+export default {
+ components: {},
+}
+</script>
diff --git a/pages/page2.vue b/pages/page2.vue
new file mode 100644
index 0000000..ea0bad2
--- /dev/null
+++ b/pages/page2.vue
@@ -0,0 +1,18 @@
+<template>
+ <div>
+ <h1>La langues de Chine</h1>
+ <!-- Reveal animation here -->
+ <p>Voici le langues Chine avais.</p>
+ <ul>
+ <li>Mandarin</li>
+ <li>Wu</li>
+ <li>Anglais</li>
+ </ul>
+ </div>
+</template>
+
+<script>
+export default {
+ components: {},
+}
+</script>