Merge pull request #12 from Infinity-OJ/feature-layout

Feature problem & contest page

src/store/index.ts

@@ -9,7 +9,7 @@ export default new Vuex.Store({
     links: [
       { text: "nav.home", to: "/", icon: "mdi-home" },
       { text: "nav.problem", to: "/p", icon: "mdi-puzzle" },
-      { text: "nav.group", to: "/g", icon: "mdi-account-group" },
+      // { text: "nav.group", to: "/g", icon: "mdi-account-group" },
       { text: "nav.contest", to: "/c", icon: "mdi-feather" }
     ]
   },

src/views/contests/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <v-content class="pa-0">
+    <v-container fluid class="my-4">
+      <v-row wrap align="center" justify="center" row fill-height class="">
+        <v-col xs="12" md="10">
+          <ContestList />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-content>
+</template>
+<script>
+import ContestList from "@/components/contests/ContestList.vue";
+export default {
+  components: {
+    ContestList
+  }
+};
+</script>

src/views/problems/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <v-content class="pa-0">
+    <v-container fluid class="my-4">
+      <v-row wrap align="center" justify="center" row fill-height class="">
+        <v-col xs="12" md="10">
+          <ProblemList />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-content>
+</template>
+<script>
+import ProblemList from "@/components/problems/ProblemList.vue";
+export default {
+  components: {
+    ProblemList
+  }
+};
+</script>