From ce772d1c5c3c022ca36ad0948250b37ebbf4b77c Mon Sep 17 00:00:00 2001
From: Lukas Matzen <lukas.matzen@plentymarkets.com>
Date: Wed, 12 May 2021 12:58:11 +0200
Subject: [PATCH 1/6] ADD client only tags to make blog ssr compatible

---
 resources/views/Article/Layouts/Centered.twig | 19 +++++++++++--------
 resources/views/Article/Layouts/Default.twig  | 19 +++++++++++--------
 resources/views/Category/CategoryBlog.twig    |  6 +++++-
 resources/views/Category/Layouts/Default.twig |  4 +++-
 resources/views/Category/Layouts/Modern.twig  |  8 ++++++--
 resources/views/Category/Search.twig          | 10 ++++++----
 resources/views/Landing/Layouts/Default.twig  |  4 +++-
 .../views/Landing/Layouts/FourFeatured.twig   |  8 ++++++--
 resources/views/Landing/Layouts/Modern.twig   |  8 ++++++--
 resources/views/Sidebar/Sidebar.twig          |  8 ++++++--
 10 files changed, 63 insertions(+), 31 deletions(-)

diff --git a/resources/views/Article/Layouts/Centered.twig b/resources/views/Article/Layouts/Centered.twig
index 3f2acca..c32ea51 100644
--- a/resources/views/Article/Layouts/Centered.twig
+++ b/resources/views/Article/Layouts/Centered.twig
@@ -75,14 +75,17 @@
                     </article>
 
                     <div class="blog-related-posts mb-4">
-                        <blog-list heading-text="{{ trans('Blog::Template.relatedPosts') }}"
-                                   horizontal
-                                   horizontal-classes="col-md-4 col-sm-6 mb-3"
-                                   layout="horizontal-MD"
-                                   ignore-post="{{ blogPost.data.post.urlName }}"
-                                   :category-id="{{ blogPost.data.category.id }}"
-                                   :filters="{'itemsPerPage':6}"
-                                   show-loader :show-no-results-text="false"></blog-list>
+                        <client-only>
+                            <blog-list heading-text="{{ trans('Blog::Template.relatedPosts') }}"
+                                       horizontal
+                                       horizontal-classes="col-md-4 col-sm-6 mb-3"
+                                       layout="horizontal-MD"
+                                       ignore-post="{{ blogPost.data.post.urlName }}"
+                                       :category-id="{{ blogPost.data.category.id }}"
+                                       :filters="{'itemsPerPage':6}"
+                                       show-loader :show-no-results-text="false">
+                            </blog-list>
+                        </client-only>
                     </div>
 
                 </div>
diff --git a/resources/views/Article/Layouts/Default.twig b/resources/views/Article/Layouts/Default.twig
index 2dd1a81..00a652e 100644
--- a/resources/views/Article/Layouts/Default.twig
+++ b/resources/views/Article/Layouts/Default.twig
@@ -77,14 +77,17 @@
                     </article>
 
                     <div class="blog-related-posts mb-4">
-                        <blog-list heading-text="{{ trans('Blog::Template.relatedPosts') }}"
-                                   horizontal
-                                   horizontal-classes="col-md-4 col-sm-6 mb-3"
-                                   layout="horizontal-MD"
-                                   ignore-post="{{ blogPost.data.post.urlName }}"
-                                   :category-id="{{ blogPost.data.category.id }}"
-                                   :filters="{'itemsPerPage':6}"
-                                   show-loader :show-no-results-text="false"></blog-list>
+                        <client-only>
+                            <blog-list heading-text="{{ trans('Blog::Template.relatedPosts') }}"
+                                       horizontal
+                                       horizontal-classes="col-md-4 col-sm-6 mb-3"
+                                       layout="horizontal-MD"
+                                       ignore-post="{{ blogPost.data.post.urlName }}"
+                                       :category-id="{{ blogPost.data.category.id }}"
+                                       :filters="{'itemsPerPage':6}"
+                                       show-loader :show-no-results-text="false">
+                            </blog-list>
+                        </client-only>
                     </div>
                 </div>
             </div>
diff --git a/resources/views/Category/CategoryBlog.twig b/resources/views/Category/CategoryBlog.twig
index bfb705d..c555578 100644
--- a/resources/views/Category/CategoryBlog.twig
+++ b/resources/views/Category/CategoryBlog.twig
@@ -20,7 +20,11 @@
 
 {% block PageBody %}
 
-    {% if blogData.updateBlogUrl %}<blog-update-category-url category-url="{{ categoryUrl }}"></blog-update-category-url>{% endif %}
+    {% if blogData.updateBlogUrl %}
+        <client-only>
+            <blog-update-category-url category-url="{{ categoryUrl }}"></blog-update-category-url>
+        </client-only>
+    {% endif %}
 
     {% if blogLayout == 'default' %}
         {% include "Blog::Category.Layouts.Default" %}
diff --git a/resources/views/Category/Layouts/Default.twig b/resources/views/Category/Layouts/Default.twig
index ede4a00..0eaa69a 100644
--- a/resources/views/Category/Layouts/Default.twig
+++ b/resources/views/Category/Layouts/Default.twig
@@ -22,7 +22,9 @@
 
         <div class="row {{ reverse ? 'flex-row-reverse' : '' }}">
             <div class="col-lg-9">
-                <blog-list :category-id="{{ category.id }}" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}"show-loader show-load-more show-dummy></blog-list>
+                <client-only>
+                    <blog-list :category-id="{{ category.id }}" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}"show-loader show-load-more show-dummy></blog-list>
+                </client-only>
             </div>
 
             <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Category/Layouts/Modern.twig b/resources/views/Category/Layouts/Modern.twig
index b81413e..a9c7142 100644
--- a/resources/views/Category/Layouts/Modern.twig
+++ b/resources/views/Category/Layouts/Modern.twig
@@ -1,14 +1,18 @@
 <div class="blog-wrapper {{ reverse ? 'blog-layout-default-reverse' : 'blog-layout-default' }}">
 
     <div class="container-fluid mx-0 px-0">
-        <blog-list layout="featured-1" :category-id="{{ category.id }}" :filters="{{ blogData.filters | merge({'itemsPerPage':1}) | json_encode }}" show-loader></blog-list>
+        <client-only>
+            <blog-list layout="featured-1" :category-id="{{ category.id }}" :filters="{{ blogData.filters | merge({'itemsPerPage':1}) | json_encode }}" show-loader></blog-list>
+        </client-only>
     </div>
 
     <div class="container-max blog-container">
 
         <div class="row {{ reverse ? 'flex-row-reverse' : '' }}">
             <div class="col-lg-9">
-                <blog-list :category-id="{{ category.id }}" :skip="1" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                <client-only>
+                    <blog-list :category-id="{{ category.id }}" :skip="1" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                </client-only>
             </div>
 
             <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Category/Search.twig b/resources/views/Category/Search.twig
index b57926e..5d5318c 100644
--- a/resources/views/Category/Search.twig
+++ b/resources/views/Category/Search.twig
@@ -28,7 +28,9 @@
                         {% endif %}
 
                         {% if page.type == 'search' %}
-                            <blog-search is-search-page initial-search-string="{{ filters.search }}"></blog-search>
+                            <client-only>
+                                <blog-search is-search-page initial-search-string="{{ filters.search }}"></blog-search>
+                            </client-only>
                         {% endif %}
                     </div>
                 </div>
@@ -41,9 +43,9 @@
 
             <div class="row">
                 <div class="col-lg-9">
-
-                    <blog-list {{ page.type == 'search' ? 'is-search-page' : '' }} :filters="{{ filters | json_encode }}" show-loader show-load-more show-dummy></blog-list>
-
+                    <client-only>
+                        <blog-list {{ page.type == 'search' ? 'is-search-page' : '' }} :filters="{{ filters | json_encode }}" show-loader show-load-more show-dummy></blog-list>
+                    </client-only>
                 </div>
 
                 <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Landing/Layouts/Default.twig b/resources/views/Landing/Layouts/Default.twig
index a23a2db..a2c657b 100644
--- a/resources/views/Landing/Layouts/Default.twig
+++ b/resources/views/Landing/Layouts/Default.twig
@@ -20,7 +20,9 @@
 
         <div class="row {{ reverse ? 'flex-row-reverse' : '' }}">
             <div class="col-lg-9">
-                <blog-list :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                <client-only>
+                    <blog-list :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                </client-only>
             </div>
 
             <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Landing/Layouts/FourFeatured.twig b/resources/views/Landing/Layouts/FourFeatured.twig
index 3985b7b..17cabdc 100644
--- a/resources/views/Landing/Layouts/FourFeatured.twig
+++ b/resources/views/Landing/Layouts/FourFeatured.twig
@@ -1,14 +1,18 @@
 <div class="blog-wrapper blog-four-featured">
 
     <div class="container-fluid mx-0 px-0 blog-four-featured-banner clearfix">
-        <blog-list layout="featured-1" :filters="{{ blogData.filters | merge({'itemsPerPage':4}) | json_encode }}" show-loader></blog-list>
+        <client-only>
+            <blog-list layout="featured-1" :filters="{{ blogData.filters | merge({'itemsPerPage':4}) | json_encode }}" show-loader></blog-list>
+        </client-only>
     </div>
 
     <div class="container-max blog-container">
 
         <div class="row {{ reverse ? 'flex-row-reverse' : '' }}">
             <div class="col-lg-9">
-                <blog-list horizontal horizontal-classes="col-lg-4 col-md-6" layout="horizontal-LG" :skip="4" :filters="{{ blogData.filters  | merge({'itemsPerPage':8}) | json_encode }}" show-loader show-load-more show-dummy></blog-list>
+                <client-only>
+                    <blog-list horizontal horizontal-classes="col-lg-4 col-md-6" layout="horizontal-LG" :skip="4" :filters="{{ blogData.filters  | merge({'itemsPerPage':8}) | json_encode }}" show-loader show-load-more show-dummy></blog-list>
+                </client-only>
             </div>
 
             <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Landing/Layouts/Modern.twig b/resources/views/Landing/Layouts/Modern.twig
index 36e09ee..24da559 100644
--- a/resources/views/Landing/Layouts/Modern.twig
+++ b/resources/views/Landing/Layouts/Modern.twig
@@ -1,14 +1,18 @@
 <div class="blog-wrapper {{ reverse ? 'blog-layout-default-reverse' : 'blog-layout-default' }}">
 
     <div class="container-fluid mx-0 px-0">
-        <blog-list layout="featured-1" :filters="{{ blogData.filters | merge({'itemsPerPage':1}) | json_encode }}" show-loader></blog-list>
+        <client-only>
+            <blog-list layout="featured-1" :filters="{{ blogData.filters | merge({'itemsPerPage':1}) | json_encode }}" show-loader></blog-list>
+        </client-only>
     </div>
 
     <div class="container-max blog-container">
 
         <div class="row {{ reverse ? 'flex-row-reverse' : '' }}">
             <div class="col-lg-9">
-                <blog-list :skip="1" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                <client-only>
+                    <blog-list :skip="1" :filters="{{ blogData.filters ? blogData.filters | json_encode : '{}' }}" show-loader show-load-more show-dummy></blog-list>
+                </client-only>
             </div>
 
             <div class="col-lg-3 blog-sidebar">
diff --git a/resources/views/Sidebar/Sidebar.twig b/resources/views/Sidebar/Sidebar.twig
index 302f621..48c5bee 100644
--- a/resources/views/Sidebar/Sidebar.twig
+++ b/resources/views/Sidebar/Sidebar.twig
@@ -4,7 +4,9 @@
 
 {% if not isSearchPage %}
     <div class="blog-sidebar-section">
-        <blog-search></blog-search>
+        <client-only>
+            <blog-search></blog-search>
+        </client-only>
     </div>
 {% endif %}
 
@@ -16,6 +18,8 @@
 
 {% if showSidebarLatestPosts == "true" %}
     <div class="blog-sidebar-section">
-        <blog-latest-posts></blog-latest-posts>
+        <client-only>
+            <blog-latest-posts></blog-latest-posts>
+        </client-only>
     </div>
 {% endif %}
\ No newline at end of file

From 03fdccf6fd0967afe58d7866bd327493e616dd4f Mon Sep 17 00:00:00 2001
From: Lukas Matzen <lukas.matzen@plentymarkets.com>
Date: Wed, 12 May 2021 14:23:28 +0200
Subject: [PATCH 2/6] UPDATE remove vue event hub usage for testing purposes

---
 resources/views/Category/Components/BlogList.twig | 4 ----
 resources/views/Sidebar/Components/Search.twig    | 5 -----
 2 files changed, 9 deletions(-)

diff --git a/resources/views/Category/Components/BlogList.twig b/resources/views/Category/Components/BlogList.twig
index c703b46..59da6fd 100644
--- a/resources/views/Category/Components/BlogList.twig
+++ b/resources/views/Category/Components/BlogList.twig
@@ -112,10 +112,6 @@
             var _this = this;
             this.$options.template = '#vue-blog-list';
 
-            vueEventHub.$on("blog-search", function (searchData) {
-                return _this.handleSearch(searchData);
-            });
-
             this.setFilters();
             this.loadFirstPage();
         },
diff --git a/resources/views/Sidebar/Components/Search.twig b/resources/views/Sidebar/Components/Search.twig
index 856d702..3d435c4 100644
--- a/resources/views/Sidebar/Components/Search.twig
+++ b/resources/views/Sidebar/Components/Search.twig
@@ -47,12 +47,7 @@
                     let newUrl = this.languagePrefix + (this.languagePrefix !== '/' ? '/' : '') + this.landingUrl + '/search/' + encodeURIComponent(this.searchString);
 
                     if(this.isSearchPage) {
-                        vueEventHub.$emit('blog-search', {
-                            'searchString': this.searchString
-                        });
-
                         history.pushState({}, null, newUrl);
-
                     }else{
                         window.location.href = newUrl;
                     }

From e4c4b5b1ad7d166f4e85bb1a875baa366c6bb45f Mon Sep 17 00:00:00 2001
From: Lukas Matzen <lukas.matzen@plentymarkets.com>
Date: Wed, 12 May 2021 15:00:26 +0200
Subject: [PATCH 3/6] ADD vueEventHub calls again

---
 resources/views/Category/Components/BlogList.twig | 4 ++++
 resources/views/Sidebar/Components/Search.twig    | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/resources/views/Category/Components/BlogList.twig b/resources/views/Category/Components/BlogList.twig
index 59da6fd..c703b46 100644
--- a/resources/views/Category/Components/BlogList.twig
+++ b/resources/views/Category/Components/BlogList.twig
@@ -112,6 +112,10 @@
             var _this = this;
             this.$options.template = '#vue-blog-list';
 
+            vueEventHub.$on("blog-search", function (searchData) {
+                return _this.handleSearch(searchData);
+            });
+
             this.setFilters();
             this.loadFirstPage();
         },
diff --git a/resources/views/Sidebar/Components/Search.twig b/resources/views/Sidebar/Components/Search.twig
index 3d435c4..856d702 100644
--- a/resources/views/Sidebar/Components/Search.twig
+++ b/resources/views/Sidebar/Components/Search.twig
@@ -47,7 +47,12 @@
                     let newUrl = this.languagePrefix + (this.languagePrefix !== '/' ? '/' : '') + this.landingUrl + '/search/' + encodeURIComponent(this.searchString);
 
                     if(this.isSearchPage) {
+                        vueEventHub.$emit('blog-search', {
+                            'searchString': this.searchString
+                        });
+
                         history.pushState({}, null, newUrl);
+
                     }else{
                         window.location.href = newUrl;
                     }

From 57ab6173055e06f1f1f44da21149a6321356bac7 Mon Sep 17 00:00:00 2001
From: Lukas Matzen <lukas.matzen@plentymarkets.com>
Date: Wed, 12 May 2021 15:35:49 +0200
Subject: [PATCH 4/6] UPDATE plugin.json

---
 plugin.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugin.json b/plugin.json
index edd00c0..1c90159 100644
--- a/plugin.json
+++ b/plugin.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.1.9",
+  "version": "2.0.0",
   "name": "Blog",
   "marketplaceName" : {"de": "Blog","en": "Blog"},
   "description": "This is the official blog developed by plentymarkets.",
@@ -27,7 +27,7 @@
     "blog", "blog post", "blogpost", "post", "article", "artikel", "blog artikel"
   ],
   "require": {
-    "Ceres":">=2.0"
+    "Ceres":">=5.0.30"
   },
   "containers": [],
   "dataProviders": [

From c7cac342540270de7a8c69955769af993795dbdd Mon Sep 17 00:00:00 2001
From: Franz Mutschler <franz.mutschler@plentymarkets.com>
Date: Wed, 12 May 2021 16:05:12 +0200
Subject: [PATCH 5/6] Added changelogs

---
 meta/documents/changelog_de.md | 6 ++++++
 meta/documents/changelog_en.md | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/meta/documents/changelog_de.md b/meta/documents/changelog_de.md
index 7af116a..c51f5d4 100644
--- a/meta/documents/changelog_de.md
+++ b/meta/documents/changelog_de.md
@@ -1,5 +1,11 @@
 # Release notes für das Blog plugin
 
+## v.2.0.0 (2021-05-12)
+
+### Feature 
+
+- Das Blog-Plugin ist nun kompatibel mit Vue Server-Side Rendering (SSR).
+
 ## v1.1.9 (2020-02-27)
 
 - Funktionalität des Debug-Assistenten erweitert.
diff --git a/meta/documents/changelog_en.md b/meta/documents/changelog_en.md
index 5143c31..9a40bac 100644
--- a/meta/documents/changelog_en.md
+++ b/meta/documents/changelog_en.md
@@ -1,5 +1,11 @@
 # Release notes for Blog plugin
 
+## v.2.0.0 (2021-05-12)
+
+### Feature 
+
+- The blog plugin is now compatible with Vue Server-Side Rendering (SSR).
+
 ## v1.1.9 (2020-02-27)
 
 - Extend debug assistant's functionality

From fbb288a5e4ba8336068471e8f822cb73046f3a0a Mon Sep 17 00:00:00 2001
From: Lukas Matzen <lks-mtzn@users.noreply.github.com>
Date: Fri, 14 May 2021 14:52:49 +0200
Subject: [PATCH 6/6] Apply suggestions from code review

---
 meta/documents/changelog_de.md | 2 +-
 meta/documents/changelog_en.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/meta/documents/changelog_de.md b/meta/documents/changelog_de.md
index c51f5d4..3fa21bc 100644
--- a/meta/documents/changelog_de.md
+++ b/meta/documents/changelog_de.md
@@ -1,6 +1,6 @@
 # Release notes für das Blog plugin
 
-## v.2.0.0 (2021-05-12)
+## v.2.0.0 (2021-05-14)
 
 ### Feature 
 
diff --git a/meta/documents/changelog_en.md b/meta/documents/changelog_en.md
index 9a40bac..503d8c2 100644
--- a/meta/documents/changelog_en.md
+++ b/meta/documents/changelog_en.md
@@ -1,6 +1,6 @@
 # Release notes for Blog plugin
 
-## v.2.0.0 (2021-05-12)
+## v.2.0.0 (2021-05-14)
 
 ### Feature