Update.

js/pages/collabs-page.js

@@ -10,6 +10,7 @@ import { BaseComponent } from '../components/base-component.js';
 class CollabsPage extends BaseComponent {
     init() {
         this.render();
+        this.initFeed();
     }
 
     render() {
@@ -23,6 +24,13 @@ class CollabsPage extends BaseComponent {
         `);
     }
 
+    initFeed() {
+        const feed = this.$('rant-feed');
+        if (feed) {
+            feed.setStateKey('feed_state_collabs');
+        }
+    }
+
     refresh() {
         const feed = this.$('rant-feed');
         if (feed) {

js/pages/home-page.js

@@ -14,6 +14,7 @@ class HomePage extends BaseComponent {
 
     init() {
         this.render();
+        this.initFeed();
     }
 
     render() {
@@ -26,6 +27,13 @@ class HomePage extends BaseComponent {
         `);
     }
 
+    initFeed() {
+        const feed = this.$('rant-feed');
+        if (feed) {
+            feed.setStateKey('feed_state_home');
+        }
+    }
+
     onAttributeChanged(name, oldValue, newValue) {
         if (name === 'sort') {
             const feed = this.$('rant-feed');

js/pages/search-page.js

@@ -13,6 +13,7 @@ class SearchPage extends BaseComponent {
     }
 
     init() {
+        this.currentQuery = null;
         this.render();
         this.bindEvents();
     }
@@ -50,10 +51,19 @@ class SearchPage extends BaseComponent {
         `);
 
         if (query) {
+            this.currentQuery = query;
+            this.initFeed();
             this.search(query);
         }
     }
 
+    initFeed() {
+        const feed = this.$('rant-feed');
+        if (feed && this.currentQuery) {
+            feed.setStateKey('feed_state_search_' + this.currentQuery);
+        }
+    }
+
     bindEvents() {
         this.on(this, 'submit', this.handleSubmit);
     }

js/pages/stories-page.js

@@ -10,6 +10,7 @@ import { BaseComponent } from '../components/base-component.js';
 class StoriesPage extends BaseComponent {
     init() {
         this.render();
+        this.initFeed();
     }
 
     render() {
@@ -23,6 +24,13 @@ class StoriesPage extends BaseComponent {
         `);
     }
 
+    initFeed() {
+        const feed = this.$('rant-feed');
+        if (feed) {
+            feed.setStateKey('feed_state_stories');
+        }
+    }
+
     refresh() {
         const feed = this.$('rant-feed');
         if (feed) {

js/pages/weekly-page.js

@@ -10,6 +10,7 @@ import { BaseComponent } from '../components/base-component.js';
 class WeeklyPage extends BaseComponent {
     init() {
         this.render();
+        this.initFeed();
     }
 
     render() {
@@ -23,6 +24,13 @@ class WeeklyPage extends BaseComponent {
         `);
     }
 
+    initFeed() {
+        const feed = this.$('rant-feed');
+        if (feed) {
+            feed.setStateKey('feed_state_weekly');
+        }
+    }
+
     refresh() {
         const feed = this.$('rant-feed');
         if (feed) {