feat(playground): add new package

remove old dev setup in vuetify package
vuetifyjs · Jan 11, 2019 · 80dcce1 · 80dcce1
1 parent a029009
commit 80dcce1
Show file tree

Hide file tree

Showing 29 changed files with 215 additions and 316 deletions.
diff --git a/ecosystem.config.js b/ecosystem.config.js
@@ -1,15 +1,5 @@
 module.exports = {
   apps: [
-    {
-      name: 'vuetify',
-      script: 'yarn.js',
-      args: 'dev',
-      cwd: './packages/vuetify/',
-      env: {
-        NODE_ENV: 'development',
-        HOST: '0.0.0.0'
-      }
-    },
     {
       name: 'vuetify-build',
       script: 'yarn.js',
@@ -24,6 +14,18 @@ module.exports = {
       script: 'yarn.js',
       cwd: './packages/vuetifyjs.com/',
       args: 'dev'
+    },
+    {
+      name: 'vuetify-kitchen',
+      script: 'yarn.js',
+      cwd: './packages/kitchen/',
+      args: 'serve'
+    },
+    {
+      name: 'vuetify-playground',
+      script: 'yarn.js',
+      cwd: './packages/playground/',
+      args: 'serve'
     }
   ]
 }
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "kitchen": "lerna run serve --scope kitchen --stream",
     "docs-dev": "lerna run dev --scope vuetifyjs.com --stream",
     "version": "node scripts/confirm-npm-tag.js",
+    "postinstall": "node scripts/post-install.js",
     "postversion": "node scripts/post-release-merge.js"
   },
   "devDependencies": {

diff --git a/packages/playground/.browserslistrc b/packages/playground/.browserslistrc
@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8
diff --git a/packages/playground/.editorconfig b/packages/playground/.editorconfig
@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/packages/playground/.eslintignore b/packages/playground/.eslintignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+alpha-core
+lib
diff --git a/packages/playground/.gitignore b/packages/playground/.gitignore
@@ -0,0 +1,3 @@
+# Built files
+/dist/
+Home.vue
diff --git a/packages/playground/babel.config.js b/packages/playground/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}
diff --git a/packages/playground/package.json b/packages/playground/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "playground",
+  "version": "1.4.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "sass-loader": "^7.0.1",
+    "vue": "^2.5.21",
+    "vue-router": "^3.0.1",
+    "vue-template-compiler": "^2.5.21",
+    "vuetify": "^1.4.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.2.0",
+    "@vue/cli-plugin-eslint": "^3.2.0",
+    "@vue/cli-service": "^3.2.0",
+    "babel-eslint": "^10.0.1",
+    "eslint": "^5.8.0",
+    "eslint-config-vuetify": "^0.1.0",
+    "eslint-plugin-vue": "^4.7.1",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.1"
+  }
+}
diff --git a/packages/playground/postcss.config.js b/packages/playground/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}
diff --git a/packages/playground/public/favicon.ico b/packages/playground/public/favicon.ico
diff --git a/packages/playground/public/index.html b/packages/playground/public/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>The Vuetify Playground</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
+    <link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but the Vuetify Kitchen is closed for those who wish to browse the web without JavaScript enabled.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -0,0 +1,13 @@
+<template>
+  <v-app>
+    <router-view />
+  </v-app>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    //
+  })
+}
+</script>
diff --git a/packages/vuetify/dev/angryman.png → packages/playground/src/assets/angryman.png b/packages/vuetify/dev/angryman.png → packages/playground/src/assets/angryman.png
diff --git a/packages/playground/src/components/Boilerplate.vue b/packages/playground/src/components/Boilerplate.vue
@@ -0,0 +1,25 @@
+<template>
+  <v-app>
+    <v-content>
+      <v-container
+        fluid
+        fill-height
+      >
+        <v-layout
+          align-center
+          justify-center
+        >
+          <v-flex xs8>
+            <slot />
+          </v-flex>
+        </v-layout>
+      </v-container>
+    </v-content>
+  </v-app>
+</template>
+
+<script>
+export default {
+  name: 'Boilerplate'
+}
+</script>
diff --git a/packages/playground/src/main.js b/packages/playground/src/main.js
@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import './plugins/vuetify'
+import App from './App.vue'
+import router from './router'
+import Boilerplate from '@/components/Boilerplate'
+
+Vue.component('boilerplate', Boilerplate)
+
+Vue.config.productionTip = false
+
+new Vue({
+  router,
+  render: h => h(App)
+}).$mount('#app')
diff --git a/packages/playground/src/plugins/vuetify.js b/packages/playground/src/plugins/vuetify.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import 'vuetify/dist/vuetify.css'
+
+Vue.use(Vuetify, {
+  iconfont: 'mdi'
+})
diff --git a/packages/playground/src/router.js b/packages/playground/src/router.js
@@ -0,0 +1,31 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+const router = new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes: [
+    {
+      path: '/',
+      name: 'Home',
+      component: () => import('@/views/Home')
+    }
+  ]
+})
+
+// Bootstrap Analytics
+// Set in .env
+// https://github.com/MatteoGabriele/vue-analytics
+if (process.env.VUE_APP_GOOGLE_ANALYTICS) {
+  Vue.use(require('vue-analytics').default, {
+    id: process.env.VUE_APP_GOOGLE_ANALYTICS,
+    router,
+    autoTracking: {
+      page: process.env.NODE_ENV !== 'development'
+    }
+  })
+}
+
+export default router
diff --git a/packages/playground/src/views/Home.template.vue b/packages/playground/src/views/Home.template.vue
@@ -0,0 +1,13 @@
+<template>
+  <boilerplate>
+    <!--  -->
+  </boilerplate>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    //
+  })
+}
+</script>
diff --git a/packages/playground/vue.config.js b/packages/playground/vue.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  devServer: {
+    disableHostCheck: true
+  },
+  configureWebpack: {
+    resolve: {
+      symlinks: false
+    }
+  }
+}
diff --git a/packages/vuetify/build/webpack.dev.config.js b/packages/vuetify/build/webpack.dev.config.js
diff --git a/packages/vuetify/dev/App.vue b/packages/vuetify/dev/App.vue
diff --git a/packages/vuetify/dev/Boilerplate.vue b/packages/vuetify/dev/Boilerplate.vue