btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

perf: improve native image tags

Browse Source
This commit is contained in:
liyasthomas
2021-11-05 09:13:04 +05:30
parent 9e4d7df7d0
commit 61e5a48b02
28 changed files with 38 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/hoppscotch-app/components/collections/graphql/Collection.vue
View File

@@ -166,6 +166,7 @@
w-16
inline-flex
"
:alt="$t('empty.collection')"
/>
<span class="text-center">
{{ $t("empty.collection") }}

1
packages/hoppscotch-app/components/collections/graphql/Folder.vue
View File

@@ -165,6 +165,7 @@
w-16
inline-flex
"
:alt="$t('empty.folder')"
/>
<span class="text-center">
{{ $t("empty.folder") }}

1
packages/hoppscotch-app/components/collections/graphql/index.vue
View File

@@ -74,6 +74,7 @@
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.collections')"
/>
<span class="text-center pb-4">
{{ $t("empty.collections") }}

1
packages/hoppscotch-app/components/collections/index.vue
View File

@@ -112,6 +112,7 @@
:src="`/images/states/${$colorMode.value}/pack.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.collections')"
/>
<span class="text-center pb-4">
{{ $t("empty.collections") }}

1
packages/hoppscotch-app/components/collections/my/Collection.vue
View File

@@ -192,6 +192,7 @@
w-16
inline-flex
"
:alt="$t('empty.collection')"
/>
<span class="text-center">
{{ $t("empty.collection") }}

1
packages/hoppscotch-app/components/collections/my/Folder.vue
View File

@@ -174,6 +174,7 @@
w-16
inline-flex
"
:alt="$t('empty.folder')"
/>
<span class="text-center">
{{ $t("empty.folder") }}

1
packages/hoppscotch-app/components/collections/teams/Collection.vue
View File

@@ -188,6 +188,7 @@
w-16
inline-flex
"
:alt="$t('empty.collection')"
/>
<span class="text-center">
{{ $t("empty.collection") }}

1
packages/hoppscotch-app/components/collections/teams/Folder.vue
View File

@@ -169,6 +169,7 @@
w-16
inline-flex
"
:alt="$t('empty.folder')"
/>
<span class="text-center">
{{ $t("empty.folder") }}

1
packages/hoppscotch-app/components/environments/Edit.vue
View File

@@ -93,6 +93,7 @@
w-16
inline-flex
"
:alt="$t('empty.environments')"
/>
<span class="text-center pb-4">
{{ $t("empty.environments") }}

1
packages/hoppscotch-app/components/environments/index.vue
View File

@@ -110,6 +110,7 @@
:src="`/images/states/${$colorMode.value}/blockchain.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.environments')"
/>
<span class="text-center pb-4">
{{ $t("empty.environments") }}

1
packages/hoppscotch-app/components/graphql/RequestOptions.vue
View File

@@ -253,6 +253,7 @@
w-16
inline-flex
"
:alt="$t('empty.headers')"
/>
<span class="text-center pb-4">
{{ $t("empty.headers") }}

2
packages/hoppscotch-app/components/graphql/Sidebar.vue
View File

@@ -53,6 +53,7 @@
w-16
inline-flex
"
:alt="$t('empty.documentation')"
/>
<span class="text-center">
{{ $t("empty.documentation") }}
@@ -220,6 +221,7 @@
w-16
inline-flex
"
:alt="$t('empty.schema')"
/>
<span class="text-center">
{{ $t("empty.schema") }}

1
packages/hoppscotch-app/components/history/index.vue
View File

@@ -64,6 +64,7 @@
:src="`/images/states/${$colorMode.value}/history.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.history')"
/>
<span class="text-center">
{{ $t("empty.history") }}

1
packages/hoppscotch-app/components/http/Authorization.vue
View File

@@ -99,6 +99,7 @@
:src="`/images/states/${$colorMode.value}/login.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.authorization')"
/>
<span class="text-center pb-4">
{{ $t("empty.authorization") }}

1
packages/hoppscotch-app/components/http/Body.vue
View File

@@ -69,6 +69,7 @@
:src="`/images/states/${$colorMode.value}/upload_single_file.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.body')"
/>
<span class="text-center pb-4">
{{ $t("empty.body") }}

1
packages/hoppscotch-app/components/http/BodyParameters.vue
View File

@@ -157,6 +157,7 @@
:src="`/images/states/${$colorMode.value}/upload_single_file.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.body')"
/>
<span class="text-center pb-4">
{{ $t("empty.body") }}

1
packages/hoppscotch-app/components/http/Headers.vue
View File

@@ -154,6 +154,7 @@
w-16
inline-flex
"
:alt="$t('empty.headers')"
/>
<span class="text-center pb-4">
{{ $t("empty.headers") }}

1
packages/hoppscotch-app/components/http/Parameters.vue
View File

@@ -147,6 +147,7 @@
w-16
inline-flex
"
:alt="$t('empty.parameters')"
/>
<span class="text-center pb-4">
{{ $t("empty.parameters") }}

1
packages/hoppscotch-app/components/http/ResponseMeta.vue
View File

@@ -79,6 +79,7 @@
w-32
inline-flex
"
:alt="$t('empty.network_fail')"
/>
<span class="text-center mb-2">
{{ $t("error.network_fail") }}

1
packages/hoppscotch-app/components/http/TestResult.vue
View File

@@ -82,6 +82,7 @@
:src="`/images/states/${$colorMode.value}/validation.svg`"
loading="lazy"
class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
:alt="$t('empty.tests')"
/>
<span class="text-center pb-2">
{{ $t("empty.tests") }}

2
packages/hoppscotch-app/components/lenses/renderers/ImageLensRenderer.vue
View File

@@ -30,6 +30,8 @@
<img
class="border-b border-dividerLight flex max-w-full flex-1"
:src="imageSource"
loading="lazy"
:alt="imageSource"
/>
</div>
</template>

1
packages/hoppscotch-app/components/realtime/Websocket.vue
View File

@@ -156,6 +156,7 @@
w-16
inline-flex
"
:alt="$t('empty.protocols')"
/>
<span class="text-center">
{{ $t("empty.protocols") }}

1
packages/hoppscotch-app/components/teams/Edit.vue
View File

@@ -70,6 +70,7 @@
w-16
inline-flex
"
:alt="$t('empty.members')"
/>
<span class="text-center pb-4">
{{ $t("empty.members") }}

1
packages/hoppscotch-app/components/teams/Invite.vue
View File

@@ -260,6 +260,7 @@
w-16
inline-flex
"
:alt="$t('empty.invites')"
/>
<span class="text-center pb-4">
{{ $t("empty.invites") }}

1
packages/hoppscotch-app/components/teams/Team.vue
View File

@@ -33,6 +33,7 @@
:src="member.user.photoURL || undefined"
:alt="member.user.displayName"
class="rounded-full h-5 ring-primary ring-2 w-5 inline-block"
loading="lazy"
/>
</div>
</div>

1
packages/hoppscotch-app/components/teams/index.vue
View File

@@ -38,6 +38,7 @@
w-16
inline-flex
"
:alt="$t('empty.teams')"
/>
<span class="text-center mb-4">
{{ $t("empty.teams") }}

3
packages/hoppscotch-app/pages/profile.vue
View File

@@ -18,6 +18,7 @@
v-if="currentUser.photoURL"
:src="currentUser.photoURL"
class="rounded-lg ring-4 ring-primary h-16 w-16"
:alt="currentUser.displayName"
/>
<SmartIcon v-else name="user" class="svg-icons" />
<div class="ml-4">
@@ -25,7 +26,7 @@
{{ currentUser.displayName || $t("state.nothing_found") }}
</label>
<p class="flex text-secondaryLight items-center">
{{ currentUser.email || $t("state.nothing_found") }}
{{ currentUser.email }}
<SmartIcon
v-if="currentUser.emailVerified"
name="verified"

10
packages/hoppscotch-app/tsconfig.json
View File

@@ -15,10 +15,16 @@
"~/*": ["./*"],
"@/*": ["./*"]
},
"types": ["@types/node", "@nuxt/types", "@nuxtjs/i18n", "@nuxtjs/toast", "unplugin-vue2-script-setup/types"]
"types": [
"@types/node",
"@nuxt/types",
"@nuxtjs/i18n",
"@nuxtjs/toast",
"unplugin-vue2-script-setup/types"
]
},
"exclude": ["node_modules", ".nuxt", "dist"],
"vueCompilerOptions": {
"experimentalCompatMode": 2
},
}
}