chore(demo): misc updates

Author: hawkeye64

demo/.eslintrc.js

@@ -51,10 +51,12 @@ module.exports = {
 
     'import/no-webpack-loader-syntax': 'off',
 
-    'quasar/check-valid-props': 'warn',
+    'quasar/check-valid-props': 1,
+    'quasar/no-invalid-qfield-usage': 1,
 
+    'no-void': 'off',
     // allow console.log during development only
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    // 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     // allow debugger during development only
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   }

demo/package.json

@@ -15,10 +15,10 @@
   "dependencies": {
     "@quasar/extras": "^1.3.3",
     "@quasar/quasar-ui-qiconpicker": "../ui",
-    "quasar": "^1.5.5"
+    "quasar": "^1.5.7"
   },
   "devDependencies": {
-    "@quasar/app": "^1.3.3",
+    "@quasar/app": "^1.3.4",
     "@quasar/quasar-app-extension-qmarkdown": "^1.0.7",
     "@quasar/quasar-app-extension-qribbon": "^1.0.0-beta.14",
     "@vue/eslint-config-standard": "^5.0.1",

demo/src/assets/examples.js

@@ -0,0 +1,23 @@
+function kebabCase (str) {
+  const result = str.replace(
+    /[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,
+    match => '-' + match.toLowerCase()
+  )
+  return (str[0] === str[0].toUpperCase())
+    ? result.substring(1)
+    : result
+}
+
+function slugify (str) {
+  return encodeURIComponent(String(str).trim().replace(/\s+/g, '-'))
+}
+
+export default require.context('../examples', true, /^\.\/.*\.vue$/)
+  .keys()
+  .map(page => page.slice(2).replace('.vue', ''))
+  .filter(page => page !== 'Index')
+  .map(page => ({
+    file: page,
+    title: page + '.vue',
+    path: slugify(kebabCase(page))
+  }))

demo/src/boot/components.js

@@ -1,25 +1,12 @@
-import Default from '../examples/Default'
-import Size from '../examples/Size'
-import Tooltips from '../examples/Tooltips'
-import Color from '../examples/Color'
-import SelectedColor from '../examples/SelectedColor'
-import Filter2 from '../examples/Filter2'
-import CustomIconSet from '../examples/CustomIconSet'
-import UsingQInput from '../examples/UsingQInput'
-import UsingIconSlot from '../examples/UsingIconSlot'
-import Pagination from '../examples/Pagination'
-import PaginationColor from '../examples/PaginationColor'
-
 export default ({ Vue }) => {
-  Vue.component('Default', Default)
-  Vue.component('Size', Size)
-  Vue.component('Tooltips', Tooltips)
-  Vue.component('Color', Color)
-  Vue.component('SelectedColor', SelectedColor)
-  Vue.component('Filter2', Filter2)
-  Vue.component('CustomIconSet', CustomIconSet)
-  Vue.component('UsingQInput', UsingQInput)
-  Vue.component('UsingIconSlot', UsingIconSlot)
-  Vue.component('Pagination', Pagination)
-  Vue.component('PaginationColor', PaginationColor)
+  const examples = require('../assets/examples').default
+  for (const index in examples) {
+    import(
+      /* webpackChunkName: "examples" */
+      /* webpackMode: "lazy-once" */
+      `../examples/${examples[index].file}.vue`
+    ).then(comp => {
+      Vue.component(examples[index].file, comp.default)
+    })
+  }
 }

demo/src/store/common/mutations.js

@@ -1,5 +1,5 @@
 export const toc = (state, toc) => {
-  state.toc = toc
+  state.toc.splice(0, state.toc.length, ...toc)
 }
 
 export const iconSet = (state, iconSet) => {

ui/.eslintrc.js

@@ -47,8 +47,9 @@ module.exports = {
     'import/no-extraneous-dependencies': 'off',
     'prefer-promise-reject-errors': 'off',
 
+    'no-void': 'off',
     // allow console.log during development only
-    // 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     // allow debugger during development only
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   }