From a16907eeea173df4bc3a6f9c87b22a8944e80ccc Mon Sep 17 00:00:00 2001
From: Jack Wilburn <jackwilburn@tutanota.com>
Date: Fri, 16 Dec 2022 17:06:38 -0700
Subject: [PATCH 1/2] Don't require the whole store to be passed in to the
 LoginMenu

---
 src/components/LoginMenu.vue | 12 ++++++------
 src/types.ts                 | 11 -----------
 2 files changed, 6 insertions(+), 17 deletions(-)
 delete mode 100644 src/types.ts

diff --git a/src/components/LoginMenu.vue b/src/components/LoginMenu.vue
index 89f25b7..5e6d792 100644
--- a/src/components/LoginMenu.vue
+++ b/src/components/LoginMenu.vue
@@ -62,15 +62,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watchEffect, watch } from 'vue';
-import { Store } from '../types';
+import { computed, ref, watchEffect } from 'vue';
 import OAuthClient from '@girder/oauth-client';
 import { UserSpec } from 'multinet';
 
 const props = defineProps<{
-  store: Store;
-  oauthClient: OAuthClient;
   userInfo: UserSpec | null;
+  oauthClient: OAuthClient;
+  logout: () => Promise<void>;
+  fetchUserInfo: () => Promise<void>;
 }>();
 
 const menu = ref(false);
@@ -86,7 +86,7 @@ watchEffect(() => {
 
 async function logout() {
   // Perform the logout action,
-  await props.store.dispatch.logout();
+  await props.logout();
 
   // Redirect the user to the home page.
   // This is to prevent the logged-out user from continuing to look at, e.g.,
@@ -99,7 +99,7 @@ function login() {
 }
 
 // Get user info on created
-props.store.dispatch.fetchUserInfo();
+props.fetchUserInfo();
 </script>
 
 <style scoped>
diff --git a/src/types.ts b/src/types.ts
deleted file mode 100644
index e40d04b..0000000
--- a/src/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { UserSpec } from 'multinet';
-
-export interface Store {
-  state: {
-    userInfo: UserSpec
-  },
-  dispatch: {
-    logout: () => unknown;
-    fetchUserInfo: () => Promise<void>;
-  }
-}

From 8472f002b3482e20c8afae0dc14d1a9f2d66b38a Mon Sep 17 00:00:00 2001
From: Jack Wilburn <jackwilburn@tutanota.com>
Date: Fri, 16 Dec 2022 17:09:59 -0700
Subject: [PATCH 2/2] Add a README

---
 README.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..5ddb51a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,30 @@
+# Multinet Components
+
+This repo bundles re-useable multinet components. So far we support:
+
+- LoginMenu.vue
+
+The components can be used in your application.
+
+## Installation
+
+```
+yarn add multinet-components
+```
+
+Inside your vue components:
+```
+<script setup>
+import { LoginMenu } from 'multinet-components';
+</script>
+
+<template>
+  <login-menu
+    :user-info="user"
+    :oauth-client="oauth"
+    :logout="logout"
+    :fetch-user-info="fetchUserInfo"
+  />
+</template>
+
+```
\ No newline at end of file