add delete hint

frontend/src/components/ShareDomain/ShareDomainDialog.vue

@@ -3,18 +3,12 @@
     <q-card class="dialog-content" >
       <q-toolbar class="bg-grey-4">
         <q-toolbar-title>「{{domain.name}}」のドメインを共有する</q-toolbar-title>
-        <q-space></q-space>
-        <slot name="toolbar"></slot>
         <q-btn flat round dense icon="close" @click="close" />
       </q-toolbar>
 
-      <q-card-section class="q-ma-md" >
-        
-        {{ props.domain.url }}
-        <!-- <q-input value="props.domain.url" label="共有リンク" readonly outlined dense>
-        </q-input> -->
-
+      <q-card-section class="q-mx-md " >
         <q-select
+          class="q-mt-md"
           :disable="loading"
           filled
           dense
@@ -23,6 +17,7 @@
           input-debounce="0"
           :options="canSharedUserFilteredOptions"
           clearable
+          :placeholder="canSharedUserFilter ? '' : '共有するユーザーを選択'"
           @filter="filterFn"
           :display-value="canSharedUserFilter?`${canSharedUserFilter.fullName} （${canSharedUserFilter.email}）`:''">
 
@@ -38,12 +33,6 @@
             </q-item>
           </template>
         </q-select>
-        <!-- <sharing-user-list :users="canSharedUsers" :loading="loading" title="Treats" >
-          <template v-slot:actions="{ row }">
-            <q-btn flat color="primary" padding="xs" size="1em" icon="add" @click="shareTo(row)" />
-          </template>
-        </sharing-user-list> -->
-        <!-- <q-btn label="共有する" color="primary" @click="shareTo" /> -->
         <sharing-user-list class="q-mt-md" style="height: 330px" :users="sharedUsers" :loading="loading" title="現在の共有ユーザー">
           <template v-slot:actions="{ row }">
             <q-btn flat color="primary" padding="xs" size="1em" :loading="row.id == removingUser?.id" icon="person_off" @click="removeShareTo(row)" />
@@ -108,6 +97,7 @@ watch(
   async (newValue) => {
     visible.value = newValue;
     sharedUsers.value = [];
+    canSharedUserFilter.value = undefined
     if (newValue) {
       await loadShared();
     }
@@ -192,7 +182,7 @@ const itemToDisplay = (item: IUser) => {
 
 <style lang="scss">
 .dialog-content {
-  width: 60vw; 
+  width: 60vw;
   max-height: 80vh;
   .q-select {
     min-width: 0 !important;