Merge pull request #38 from GrabarzUndPartner/feature/globals

Feature/globals

.babelrc

@@ -1,9 +1,12 @@
 {
   "presets": [
-    ["vue-app", {
-      "modules": false,
-      "useBuiltIns": true,
-      "debug": true
-    }]
+    [
+      "vue-app",
+      {
+        "modules": false,
+        "useBuiltIns": true,
+        "debug": true
+      }
+    ]
   ]
 }

.postcssrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  plugins: {
+    'postcss-normalize': {},
+    'postcss-object-fit-images': {},
+    'postcss-preset-env': {
+      stage: 0,
+      features: {
+        'nesting-rules': true
+      },
+      importFrom: 'src/globals/postcss.js'
+    },
+    '@fullhuman/postcss-purgecss': {
+      content: [
+        'src/pages/**/*.vue',
+        'src/layouts/**/*.vue',
+        'src/components/**/*.vue'
+      ],
+      whitelist: ['html', 'body'],
+      whitelistPatterns: [/nuxt-/]
+    },
+    'postcss-momentum-scrolling': ['scroll'],
+    'postcss-pseudo-content-insert': {},
+    'rucksack-css': {}
+  }
+};

env/nuxt.config.js

@@ -1,32 +1,41 @@
-// process.env.DEBUG = '*';
+// process.env.DEBUG = 'webpack-virtual-modules';
+
 const path = require('path');
-const webpackPlugins = require('./webpack/plugins');
-const webpackModules = require('./webpack/modules');
 
 module.exports = {
   dev: process.env.NODE_ENV === 'development',
   srcDir: 'src/',
   css: [],
+  env: {},
   build: {
     analyze: false,
     // analyze: {
     //   analyzerMode: 'static',
     //   reportFilename: path.resolve('reports/webpack-bundle-analyzer.html'),
     //   openAnalyzer: false
     // },
-
-    extend(config) {
-      webpackPlugins(config.plugins);
-      webpackModules(config.module);
-      return config;
-    }
+    parallel: true,
+    transpile: []
+  },
+  render: {
+    http2: { push: true }
   },
 
   router: {
     base: '/'
   },
 
+  plugins: [{ src: '@/plugins/intersectionObserver' }],
+
+  vendor: ['default-passive-events'],
+
   modules: [
+    '@/modules/fix/postcss',
+    '@/modules/fix/image',
+    '@/modules/virtual',
+    '@/modules/svg',
+    '@/modules/webp',
+    '@/modules/image',
     [
       'nuxt-i18n',
       {
@@ -42,19 +51,21 @@ module.exports = {
         ],
         defaultLocale: 'de',
         strategy: 'prefix_except_default',
+        seo: true,
         vueI18n: {
           fallbackLocale: 'de',
           messages: {
-            en: require(path.resolve('src/locales/global/en.json')),
-            de: require(path.resolve('src/locales/global/de.json'))
+            en: require(path.resolve('src/globals/locales/en.json')),
+            de: require(path.resolve('src/globals/locales/de.json'))
           }
         },
-        vueI18nLoader: false
+        vueI18nLoader: true
       }
     ],
     [
       '@nuxtjs/pwa',
       {
+        dev: process.env.NODE_ENV === 'development',
         icon: {
           iconSrc: 'src/static/favicon.png',
           sizes: [16, 120, 144, 152, 192, 384, 512]
@@ -79,7 +90,8 @@ module.exports = {
           ogImage: true
         },
         manifest: {
-          name: 'MANIFEST FOR APP',
+          name: 'Sample MANIFEST',
+          short_name: 'Sample',
           lang: 'de'
         }
       }
@@ -88,6 +100,18 @@ module.exports = {
 
   head: {
     meta: [],
-    link: []
+    link: [],
+    script: [
+      {
+        src:
+          'https://cdn.polyfill.io/v2/polyfill.min.js?features=HTMLPictureElement',
+        defer: true
+      },
+      {
+        innerHTML:
+          'document.createElement( "picture" );document.createElement( "source" );'
+      }
+    ],
+    __dangerouslyDisableSanitizers: ['script']
   }
 };