[WBX-153] Persist Comment Visibility (specklesystems#2032)

* Add discussionLoadedVersionOnly cookie - defaulted to true

* Updates from CR

* Revert change

* Updates

* Remove unneeded watch

* Updates

packages/frontend-2/components/viewer/comments/Comments.vue

@@ -129,7 +129,6 @@ const {
 
 const showVisibilityOptions = ref(false)
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const loadedVersionsOnly = computed({
   get: () =>
     threadFilters.value.loadedVersionsOnly || false ? 'loadedVersionsOnly' : undefined,

packages/frontend-2/lib/viewer/composables/setup.ts

@@ -65,6 +65,7 @@ import {
   InjectableViewerStateKey,
   useSetupViewerScope
 } from '~/lib/viewer/composables/setup/core'
+import { useSynchronizedCookie } from '~~/lib/common/composables/reactiveCookie'
 
 export type LoadedModel = NonNullable<
   Get<ViewerLoadedResourcesQuery, 'project.models.items[0]'>
@@ -438,7 +439,14 @@ function setupResourceRequest(state: InitialSetupState): InitialStateWithRequest
     asyncRead: false
   })
 
-  const threadFilters = ref({} as Omit<ProjectCommentsFilter, 'resourceIdString'>)
+  const discussionLoadedVersionOnly = useSynchronizedCookie<boolean>(
+    'discussionLoadedVersionOnly',
+    {
+      default: () => true
+    }
+  )
+
+  const threadFilters = ref({ loadedVersionsOnly: discussionLoadedVersionOnly.value })
 
   const switchModelToVersion = async (modelId: string, versionId?: string) => {
     const resourceArr = resources.value.slice()
@@ -466,6 +474,15 @@ function setupResourceRequest(state: InitialSetupState): InitialStateWithRequest
     }
   }
 
+  watch(
+    () => threadFilters.value.loadedVersionsOnly,
+    (newVal, oldVal) => {
+      if (newVal !== oldVal && newVal !== discussionLoadedVersionOnly.value) {
+        discussionLoadedVersionOnly.value = newVal
+      }
+    }
+  )
+
   return {
     ...state,
     resources: {