empty project warning

src/components/IssueCreate.vue

@@ -28,9 +28,9 @@ const onCreate = async () => {
 </script>
 
 <template>
-  <v-list-item v-if="showForm" class="">
+  <v-list-item v-if="showForm && projectStore.current">
     <template #prepend>
-      <v-menu v-if="true">
+      <v-menu v-if="false">
         <template v-slot:activator="{ props }">
           <v-icon v-bind="props" icon="mdi-square" />
         </template>
@@ -57,12 +57,19 @@ const onCreate = async () => {
       </div>
     </template>
   </v-list-item>
-  <v-list-item class="d-flex justify-center" v-else @click="showForm = !showForm">
+  <v-list-item v-else-if="showForm && !projectStore.current">
+    <div>
+      <v-alert closable density="compact" @click:close="showForm = false">
+        Select or create project
+        <router-link class="text-decoration-none text-link text-capitalize" to="/settings/projects">HERE</router-link>.
+      </v-alert>
+    </div>
+  </v-list-item>
+  <v-list-item v-else class="d-flex justify-center" @click="showForm = !showForm">
     <div class="d-flex ga-2 align-center">
       <v-icon icon="mdi-plus" />
       <div>add issue</div>
     </div>
-    <!--    <v-btn density="compact" variant="plain" prepend-icon="mdi-plus"> create </v-btn>-->
   </v-list-item>
 </template>