chore: add playground

pooya parsa · pooya parsa · commit d6aa4d6c93b2 · 2020-04-29T11:46:53.000+02:00
diff --git a/playground/nuxt.config.js b/playground/nuxt.config.js
@@ -0,0 +1,5 @@
+export default {
+  build: {
+    extractCSS: true
+  }
+}
diff --git a/playground/pages/about.vue b/playground/pages/about.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <p>About</p>
+    <NuxtLink to="/">
+      Home page
+    </NuxtLink>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      name: process.static ? 'static' : (process.server ? 'server' : 'client')
+    }
+  },
+
+  async setup () {
+    await new Promise(resolve => setTimeout(resolve, process.server ? 100 : 500))
+    return {}
+  },
+
+  head: {
+    title: 'About page'
+  }
+}
+</script>
+
+<style scoped>
+  div {
+    color: 'red'
+  }
+</style>
diff --git a/playground/pages/custom.vue b/playground/pages/custom.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <p>Custom: {{ $route.params }}</p>
+    <NuxtLink to="/">
+      Home page
+    </NuxtLink>
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <p>Home</p>
+    <NuxtLink to="/about">
+      About Page
+    </NuxtLink>
+    <NuxtLink to="/hello">
+      Hello Page
+    </NuxtLink>
+    <br>
+    <button @click="n++">
+      Increment {{ n }}
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({ n: 0 }),
+  head: {
+    title: 'Home page'
+  }
+
+}
+</script>
