feat(#429): update module prop watches

.changeset/itchy-roses-cross.md

@@ -0,0 +1,5 @@
+---
+"druxt-site": minor
+---
+
+Added watch for 'theme' prop

.changeset/three-emus-deny.md

@@ -0,0 +1,5 @@
+---
+"druxt-entity": minor
+---
+
+Added watch for 'settings' prop

.changeset/tidy-melons-add.md

@@ -0,0 +1,5 @@
+---
+"druxt-views": minor
+---
+
+Added watch for 'arguments' prop

packages/entity/src/components/DruxtEntity.vue

@@ -170,6 +170,10 @@ export default {
       this.$fetch()
     },
 
+    settings() {
+      this.$fetch()
+    },
+
     schemaType() {
       this.$fetch()
     },

packages/site/src/components/DruxtSite.vue

@@ -92,6 +92,12 @@ export default {
     regions: ({ model, value }) => model || value || [],
   },
 
+  watch: {
+    theme() {
+      this.$fetch()
+    }
+  },
+
   methods: {
     ...mapActions({ getCollection: 'druxt/getCollection' }),
   },

packages/views/src/components/DruxtView.vue

@@ -280,7 +280,7 @@ export default {
   },
 
   watch: {
-    async '$route.query'(to) {
+    '$route.query'(to) {
       if (!Object.entries(to || {}).length) {
         this.model = {
           filter: {},
@@ -290,42 +290,42 @@ export default {
       }
     },
 
-    async displayId() {
-      await this.$fetch()
+    arguments() {
+      this.$fetch()
+    },
+
+    displayId() {
+      this.$fetch()
     },
 
     'model.filter': {
       deep: true,
-      async handler(to, from) {
+      handler(to, from) {
         if (!Object.entries(to || {}).length && !Object.entries(from || {}).length) {
           return
         }
-        await this.$fetch()
+        this.$fetch()
       },
     },
 
-    async 'model.page'(to, from) {
+    'model.page'(to, from) {
       if (to !== from) {
-        await this.$fetch()
+        this.$fetch()
       }
     },
 
-    async 'model.sort'(to, from) {
+    'model.sort'(to, from) {
       if (to !== from) {
-        await this.$fetch()
+        this.$fetch()
       }
     },
 
-    async query() {
-      await this.$fetch()
-    },
-
-    async uuid() {
-      await this.$fetch()
+    uuid() {
+      this.$fetch()
     },
 
-    async viewId() {
-      await this.$fetch()
+    viewId() {
+      this.$fetch()
     },
   },
 

packages/views/test/components/DruxtView.test.js

@@ -140,21 +140,19 @@ describe('DruxtView', () => {
     expect(wrapper.vm.getQuery(wrapper.vm.component.settings)).toStrictEqual({})
 
     // Watches.
-    expect(mocks.$fetch).toHaveBeenCalledTimes(0)
+    expect(mocks.$fetch).toHaveBeenCalledTimes(2)
     await DruxtView.watch.displayId.call(mocks)
-    expect(mocks.$fetch).toHaveBeenCalledTimes(1)
+    expect(mocks.$fetch).toHaveBeenCalledTimes(3)
     wrapper.vm.model.page = 1
     await localVue.nextTick()
-    expect(mocks.$fetch).toHaveBeenCalledTimes(2)
+    expect(mocks.$fetch).toHaveBeenCalledTimes(4)
     wrapper.vm.model.sort = 'nid'
     await localVue.nextTick()
-    expect(mocks.$fetch).toHaveBeenCalledTimes(3)
-    await DruxtView.watch.query.call(mocks)
-    expect(mocks.$fetch).toHaveBeenCalledTimes(4)
-    await DruxtView.watch.uuid.call(mocks)
     expect(mocks.$fetch).toHaveBeenCalledTimes(5)
-    await DruxtView.watch.viewId.call(mocks)
+    await DruxtView.watch.uuid.call(mocks)
     expect(mocks.$fetch).toHaveBeenCalledTimes(6)
+    await DruxtView.watch.viewId.call(mocks)
+    expect(mocks.$fetch).toHaveBeenCalledTimes(7)
   })
 
   test('fetch by uuid', async () => {