fix: updated plex_userid to camelcase

src/components/popup/Movie.vue

@@ -47,7 +47,7 @@
           </action-button>
 
           <action-button
-            v-if="plexId && media?.exists_in_plex"
+            v-if="plexUserId && media?.exists_in_plex"
             @click="openInPlex"
           >
             <IconPlay />
@@ -224,7 +224,7 @@
   const store = useStore();
 
   const admin = computed(() => store.getters["user/admin"]);
-  const plexId = computed(() => store.getters["user/plexId"]);
+  const plexUserId = computed(() => store.getters["user/plexUserId"]);
 
   const poster = computed(() => {
     if (!media.value) return "/assets/placeholder.png";

src/components/profile/LinkPlexAccount.vue

@@ -2,7 +2,7 @@
   <div>
     <h3 class="settings__header">Plex account</h3>
 
-    <div v-if="!plexId">
+    <div v-if="!plexUserId">
       <span class="info"
         >Sign in to your plex account to get information about recently added
         movies and to see your watch history</span
@@ -64,8 +64,8 @@
   const store = useStore();
   const emit = defineEmits<Emit>();
 
-  const plexId: ComputedRef<boolean> = computed(
-    () => store.getters["user/plexId"]
+  const plexUserId: ComputedRef<boolean> = computed(
+    () => store.getters["user/plexUserId"]
   );
 
   async function authenticatePlex() {

src/modules/user.js

@@ -59,9 +59,9 @@ export default {
     // loggedIn: state => true,
     loggedIn: state => state && state.username !== null,
     admin: state => state.admin,
-    plexId: state => {
-      if (state && state.settings && state.settings.plex_userid)
-        return state.settings.plex_userid;
+    plexUserId: state => {
+      if (state && state.settings && state.settings.plexUserId)
+        return state.settings.plexUserId;
       return null;
     }
   },

src/pages/ActivityPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="plexId" class="wrapper">
+  <div v-if="plexUserId" class="wrapper">
     <h1>Your watch activity</h1>
 
     <div style="display: flex; flex-direction: row">
@@ -78,7 +78,7 @@
 
   const days: Ref<number> = ref(30);
   const graphViewMode: Ref<GraphTypes> = ref(GraphTypes.Plays);
-  const plexId = computed(() => store.getters["user/plexId"]);
+  const plexUserId = computed(() => store.getters["user/plexUserId"]);
 
   const graphValueViewMode = [
     {

src/routes.ts

@@ -96,7 +96,7 @@ const router = createRouter({
 });
 
 const loggedIn = () => store.getters["user/loggedIn"];
-const hasPlexAccount = () => store.getters["user/plexId"] !== null;
+const hasPlexAccount = () => store.getters["user/plexUserId"] !== null;
 const hamburgerIsOpen = () => store.getters["hamburger/isOpen"];
 
 /* eslint-disable @typescript-eslint/no-explicit-any */