@@ -3,6 +3,8 @@ import { checkPackageName } from '~/utils/package-name'
33
44const props = defineProps <{
55 packageName: string
6+ packageScope? : string | null
7+ canPublishToScope: boolean
68}>()
79
810const {
@@ -221,9 +223,19 @@ const previewPackageJson = computed(() => {
221223 </div >
222224
223225 <!-- Availability status -->
224- <div v-if =" checkResult.valid" >
226+ <template v-if =" checkResult .valid " >
225227 <div
226- v-if =" checkResult.available"
228+ v-if =" isConnected && !canPublishToScope"
229+ class =" flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg"
230+ >
231+ <span class =" i-lucide:x text-red-500 w-5 h-5" aria-hidden =" true" />
232+ <p class =" font-mono text-sm text-fg" >
233+ {{ $t('claim.modal.missing_permission', { scope: packageScope }) }}
234+ </p >
235+ </div >
236+
237+ <div
238+ v-else-if =" checkResult.available"
227239 class =" flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
228240 >
229241 <span class =" i-lucide:check text-green-500 w-5 h-5" aria-hidden =" true" />
@@ -237,10 +249,10 @@ const previewPackageJson = computed(() => {
237249 <span class =" i-lucide:x text-red-500 w-5 h-5" aria-hidden =" true" />
238250 <p class =" font-mono text-sm text-fg" >{{ $t('claim.modal.taken') }}</p >
239251 </div >
240- </div >
252+ </template >
241253
242254 <!-- Similar packages warning -->
243- <div v-if =" checkResult.similarPackages?.length && checkResult.available" >
255+ <template v-if =" checkResult .similarPackages ?.length && checkResult .available " >
244256 <div
245257 :class ="
246258 hasDangerousSimilarPackages
@@ -290,7 +302,7 @@ const previewPackageJson = computed(() => {
290302 </li >
291303 </ul >
292304 </div >
293- </div >
305+ </template >
294306
295307 <!-- Error message -->
296308 <div
@@ -336,7 +348,7 @@ const previewPackageJson = computed(() => {
336348 </div >
337349
338350 <!-- Claim button -->
339- <div v-else class =" space-y-3" >
351+ <div v-else-if = " isConnected && canPublishToScope " class =" space-y-3" >
340352 <p class =" text-sm text-fg-muted" >
341353 {{ $t('claim.modal.publish_hint') }}
342354 </p >
0 commit comments