- ←
+
+ ←
+
-
+
-
+
Żadne pytanie nie jest wybrane
@@ -40,26 +51,11 @@
faqMap,
faqAnswers: {},
faqCurrent: null,
- window: {
- width: 0,
- height: 0,
- },
}),
- created() {
- window.addEventListener('resize', this.handleWindowResize);
- this.handleWindowResize();
- },
- destroyed() {
- window.removeEventListener('resize', this.handleWindowResize);
- },
methods: {
importFaqAnswers(r) {
r.keys().forEach((key) => { this.faqAnswers[key] = r(key); });
},
- handleWindowResize() {
- this.window.width = window.innerWidth;
- this.window.height = window.innerHeight;
- },
},
mounted() {
this.importFaqAnswers(require.context('../assets/faq-answers', true, /\.md$/));
@@ -88,16 +84,20 @@
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 9703a4f..141f1fe 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -30,11 +30,5 @@
body {
margin: 0;
- scroll-behavior: smooth;
- scroll-snap-type: y proximity;
- }
-
- .home .home-section {
- scroll-snap-align: start;
}
diff --git a/vue.config.js b/vue.config.js
index 8d61bcf..5474687 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,10 @@
+const PrerenderSPAPlugin = require('prerender-spa-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
const routes = require('./src/routes');
+const faqMap = require('./src/assets/faq-map.json');
+
+const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
module.exports = {
publicPath: '/',
@@ -10,6 +16,27 @@ module.exports = {
routes,
},
},
+ configureWebpack: {
+ plugins: [
+ new HtmlWebpackPlugin({
+ template: 'public/index.html',
+ filename: path.resolve(__dirname, 'dist/index.html'),
+ favicon: 'public/favicon.ico',
+ }),
+ new PrerenderSPAPlugin({
+ staticDir: path.join(__dirname, 'dist'),
+ routes: [
+ '/polityka-prywatnosci',
+ '/czesto-zadawane-pytania',
+ ...faqMap.map((item) => `/czesto-zadawane-pytania/${item.id}`),
+ ],
+ renderer: new Renderer({
+ headless: true,
+ renderAfterDocumentEvent: 'x-app-rendered',
+ }),
+ }),
+ ],
+ },
chainWebpack: (config) => {
config.module
.rule('md')
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index 590af02..0000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,130 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const PrerenderSPAPlugin = require('prerender-spa-plugin');
-
-const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
-const VueLoaderPlugin = require('vue-loader/lib/plugin');
-
-module.exports = {
- mode: process.env.NODE_ENV,
- entry: './src/main.js',
- output: {
- path: path.resolve(__dirname, './dist'),
- publicPath: '/',
- filename: 'build.js',
- },
- module: {
- rules: [
- {
- test: /\.md$/,
- use: [
- {
- loader: 'raw-loader',
- },
- {
- loader: 'markdown-loader',
- },
- ],
- },
- {
- test: /\.vue$/,
- loader: 'vue-loader',
- },
- {
- test: /\.js$/,
- loader: 'babel-loader',
- exclude: /node_modules/,
- },
- {
- test: /\.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/,
- loader: 'file-loader',
- options: {
- name: '[name].[ext]?[hash]',
- },
- },
- {
- test: /\.s?css$/,
- use: [
- 'vue-style-loader',
- 'css-loader',
- 'sass-loader',
- ],
- },
- ],
- },
- resolve: {
- alias: {
- vue$: 'vue/dist/vue.esm.js',
- },
- },
- devServer: {
- historyApiFallback: true,
- noInfo: false,
- },
- devtool: '#eval-source-map',
- plugins: [
- new VueLoaderPlugin(),
- ],
-};
-
-if (process.env.NODE_ENV === 'production') {
- module.exports.devtool = '#source-map';
- module.exports.plugins = (module.exports.plugins || []).concat([
- new webpack.DefinePlugin({
- 'process.env': {
- NODE_ENV: '"production"',
- },
- }),
- new HtmlWebpackPlugin({
- title: 'PRODUCTION prerender-spa-plugin',
- template: 'public/index.html',
- filename: path.resolve(__dirname, 'dist/index.html'),
- favicon: 'public/favicon.ico',
- }),
- new HtmlWebpackPlugin({
- template: 'public/polityka-prywatnosci.html',
- filename: path.resolve(__dirname, 'dist/polityka-prywatnosci.html'),
- }),
- new HtmlWebpackPlugin({
- template: 'public/404.html',
- filename: path.resolve(__dirname, 'dist/404.html'),
- }),
- new PrerenderSPAPlugin({
- staticDir: path.join(__dirname, 'dist'),
- routes: [
- '/polityka-prywatnosci',
- '/czesto-zadawane-pytania',
- '/czesto-zadawane-pytania/czym-jest-wulkanowy',
- '/czesto-zadawane-pytania/dlaczego-nie-moge-sie-zalogowac',
- '/czesto-zadawane-pytania/co-jesli-nie-pamietam-hasla',
- '/czesto-zadawane-pytania/co-to-jest-symbol',
- '/czesto-zadawane-pytania/jaki-wybrac-dziennik',
- '/czesto-zadawane-pytania/czym-roznia-sie-wersje-beta-i-dev',
- ],
-
- renderer: new Renderer({
- inject: {
- foo: 'bar',
- },
- headless: true,
- renderAfterDocumentEvent: 'render-event',
- }),
- }),
- ]);
-} else {
- // NODE_ENV === 'development'
- module.exports.plugins = (module.exports.plugins || []).concat([
- new webpack.DefinePlugin({
- 'process.env': {
- NODE_ENV: '"development"',
- },
- }),
- new HtmlWebpackPlugin({
- title: 'DEVELOPMENT prerender-spa-plugin',
- template: 'public/index.html',
- filename: 'index.html',
- favicon: 'public/favicon.ico',
- }),
- ]);
-}