Skip to content

Commit 9761351

Browse files
madassdevJhumanJ
madassdev
and
JhumanJ
authored
remove nuxtimg (#347)
* remove nuxtimg * fix: remove dummyImageProvider --------- Co-authored-by: Julien Nahum <julien@nahum.net>
1 parent 7006220 commit 9761351

17 files changed

+32
-67
lines changed

‎client/.env.docker

-1
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,4 @@ NUXT_PUBLIC_GOOGLE_ANALYTICS_CODE=
1010
NUXT_PUBLIC_H_CAPTCHA_SITE_KEY=
1111
NUXT_PUBLIC_PAID_PLANS_ENABLED=false
1212
NUXT_PUBLIC_S3_ENABLED=false
13-
NUXT_PUBLIC_IMAGE_OPTIMIZATION_DISABLED=true
1413
NUXT_API_SECRET=

‎client/components/forms/ImageInput.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
<div v-else class="h-6 text-gray-600 dark:text-gray-400 flex">
2424
<div class="flex-grow">
25-
<NuxtImg :src="currentUrl" class="h-6 rounded shadow-md"/>
25+
<img :src="currentUrl" class="h-6 rounded shadow-md"/>
2626
</div>
2727
<a href="#" class="hover:text-nt-blue flex" @click.prevent="clearUrl">
2828
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"

‎client/components/global/Navbar.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div class="flex items-center">
66
<NuxtLink :to="{ name: user ? 'home' : 'index' }"
77
class="flex-shrink-0 font-semibold hover:no-underline flex items-center">
8-
<NuxtImg src="/img/logo.svg" alt="notion tools logo" class="w-8 h-8"/>
8+
<img src="/img/logo.svg" alt="notion tools logo" class="w-8 h-8"/>
99
<span class="ml-2 text-md hidden sm:inline text-black dark:text-white">OpnForm</span>
1010
</NuxtLink>
1111
<workspace-dropdown class="ml-6"/>

‎client/components/open/forms/components/FormStats.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</p>
1414
</div>
1515
</div>
16-
<NuxtImg src="/img/pages/forms/blurred_graph.png"
16+
<img src="/img/pages/forms/blurred_graph.png"
1717
alt="Sample Graph"
1818
class="mx-auto filter blur-md z-0"
1919
/>

‎client/components/pages/templates/SingleTemplate.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
</div>
1818

1919
<div class="aspect-[4/3] rounded-lg shadow-sm overflow-hidden">
20-
<NuxtImg class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full" v-if="template.image_url"
20+
<img class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full" v-if="template.image_url"
2121
:src="template.image_url" alt="" width="450px"
2222
/>
2323
</div>

‎client/components/pages/welcome/AiFeature.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div
66
class="relative px-4 py-8 overflow-hidden bg-blue-100 ring-blue-100 ring-1 sm:shadow-lg isolate sm:rounded-2xl sm:px-16 md:pt-20 lg:flex lg:gap-x-20 lg:px-16 lg:py-0 sm:shadow-gray-600/10">
77
<div class="absolute inset-0">
8-
<NuxtImg class="object-cover object-top w-full h-full" src="/img/pages/ai_form_builder/background-pattern-ai.svg" alt=""/>
8+
<img class="object-cover object-top w-full h-full" src="/img/pages/ai_form_builder/background-pattern-ai.svg" alt=""/>
99
</div>
1010

1111
<div class="relative max-w-md mx-auto text-center xl:max-w-lg lg:mx-0 lg:flex-auto lg:py-16 lg:text-left">

‎client/components/pages/welcome/Features.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@
8484
</div>
8585
<div class="w-full md:w-1/2 lg:w-7/12 flex items-center justify-center relative w-full"
8686
:class="{'md:pr-8':index%2==1, 'md:pl-8':index%2==0}">
87-
<NuxtImg loading="lazy" class="block rounded-2xl w-full"
87+
<img loading="lazy" class="block rounded-2xl w-full"
8888
sizes="320px sm:530px"
8989
:src="step.img" alt="product-feature-image"/>
9090
</div>

‎client/components/vendor/appsumo/AppSumoBilling.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div v-if="user.active_license" class="border p-5 shadow-md rounded-md">
33
<div class="w-auto flex flex-col items-center">
4-
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px]" alt="AppSumo"/>
4+
<img src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px]" alt="AppSumo"/>
55

6-
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[150px]" alt="AppSumo"/>
6+
<img src="/img/appsumo/as-Select-dark.png" class="max-w-[150px]" alt="AppSumo"/>
77

88
</div>
99
<p class="mt-6">

‎client/components/vendor/appsumo/AppSumoRegister.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
<template>
22
<div v-if="hasValidLicense" class="p-6 bg-white border shadow-md rounded-md">
3-
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/>
3+
<img src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/>
44

5-
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/>
5+
<img src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/>
66

77
<p class="mt-6">
88
<span class="text-green-500">We found your AppSumo Lifetime deal license!</span> Just complete the registration form to finalize the activation of
99
your license.
1010
</p>
1111
</div>
1212
<div v-else-if="hasLicenseError" class="p-6 bg-white border border-red-500 shadow-md rounded-md">
13-
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/>
13+
<img src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/>
1414

15-
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/>
15+
<img src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/>
1616

1717
<p class="mt-6">
1818
<span class="text-red-600">Invalid AppSumo license</span>. The license was probably already attached to an OpnForm account. Please contact support.

‎client/error.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<NuxtLayout>
44
<div class="flex mt-6">
55
<div class="w-full md:w-2/3 md:mx-auto md:max-w-md">
6-
<NuxtImg alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5"/>
6+
<img alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5"/>
77

88
<h1 class="mb-4 font-semibold text-3xl text-gray-900">
99
Page Not Found

‎client/lib/images/dummy-image-provider.js

-21
This file was deleted.

‎client/nuxt.config.ts

-12
Original file line numberDiff line numberDiff line change
@@ -64,18 +64,6 @@ export default defineNuxtConfig({
6464
}
6565
}
6666
},
67-
image: runtimeConfig.public.useDummyImageProvider ? {
68-
provider: 'dummy',
69-
providers: {
70-
dummy: {
71-
provider: '~/lib/images/dummy-image-provider.js',
72-
}
73-
}
74-
} :{
75-
quality: 95,
76-
format: 'webp',
77-
domains: ['images.unsplash.com']
78-
},
7967
sourcemap: true,
8068
vite: {
8169
plugins: [

‎client/pages/ai-form-builder.vue

+16-16
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
<div
4343
class="grid lg:grid-cols-3 grid-cols-1 sm:max-w-lg lg:max-w-5xl sm:mx-auto gap-8 sm:gap-10 mt-12 sm:mt-16">
4444
<div class="flex items-start gap-4">
45-
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-fast.svg" alt=""/>
45+
<img class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-fast.svg" alt=""/>
4646

4747
<div>
4848
<p class="text-md font-semibold text-gray-900">
@@ -55,7 +55,7 @@
5555
</div>
5656

5757
<div class="flex items-start gap-4">
58-
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/>
58+
<img class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/>
5959

6060
<div>
6161
<p class="text-md font-semibold text-gray-900">
@@ -68,7 +68,7 @@
6868
</div>
6969

7070
<div class="flex items-start gap-4">
71-
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-browser.svg" alt=""/>
71+
<img class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-browser.svg" alt=""/>
7272

7373
<div>
7474
<p class="text-md font-semibold text-gray-900">
@@ -103,7 +103,7 @@
103103
<div
104104
class="space-y-16 text-center lg:text-left sm:max-w-md sm:mx-auto lg:max-w-none lg:space-y-20 xl:space-y-24 mt-8 sm:mt-12 lg:mt-16">
105105
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
106-
<NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
106+
<img class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
107107
src="/img/pages/ai_form_builder/step-1.svg" alt=""/>
108108

109109

@@ -113,7 +113,7 @@
113113
</div>
114114

115115
<div class="lg:flex-1 lg:shrink-0">
116-
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-create.svg" alt=""/>
116+
<img class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-create.svg" alt=""/>
117117

118118
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
119119
Building forms made easy
@@ -129,7 +129,7 @@
129129
</div>
130130

131131
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
132-
<NuxtImg
132+
<img
133133
class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm lg:order-3"
134134
src="/img/pages/ai_form_builder/step-2.svg" alt=""/>
135135
<div
@@ -138,7 +138,7 @@
138138
</div>
139139

140140
<div class="lg:flex-1 lg:shrink-0 lg:order-1">
141-
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/>
141+
<img class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/>
142142

143143
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
144144
Customized forms work wonders
@@ -152,15 +152,15 @@
152152
</div>
153153

154154
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
155-
<NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
155+
<img class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
156156
src="/img/pages/ai_form_builder/step-3.svg" alt=""/>
157157
<div
158158
class="w-16 h-16 rounded-full bg-blue-50 border-2 border-blue-200 hidden xl:inline-flex items-center justify-center text-blue-600 text-2xl font-semibold leading-none">
159159
3
160160
</div>
161161

162162
<div class="lg:flex-1 lg:shrink-0">
163-
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-share.svg" alt=""/>
163+
<img class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-share.svg" alt=""/>
164164

165165
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
166166
Share your forms anywhere
@@ -200,7 +200,7 @@
200200
<!-- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-8 sm:mt-12 lg:mt-16">-->
201201
<!-- <div-->
202202
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
203-
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
203+
<!-- <img class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
204204
-->
205205
<!-- <div class="px-4 py-5 sm:p-6">-->
206206
<!-- <h3 class="text-lg font-semibold text-gray-900">-->
@@ -214,7 +214,7 @@
214214

215215
<!-- <div-->
216216
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
217-
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
217+
<!-- <img class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
218218
-->
219219
<!-- <div class="px-4 py-5 sm:p-6">-->
220220
<!-- <h3 class="text-lg font-semibold text-gray-900">-->
@@ -228,7 +228,7 @@
228228

229229
<!-- <div-->
230230
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
231-
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
231+
<!-- <img class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
232232
-->
233233
<!-- <div class="px-4 py-5 sm:p-6">-->
234234
<!-- <h3 class="text-lg font-semibold text-gray-900">-->
@@ -242,7 +242,7 @@
242242

243243
<!-- <div-->
244244
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
245-
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
245+
<!-- <img class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/>
246246
-->
247247
<!-- <div class="px-4 py-5 sm:p-6">-->
248248
<!-- <h3 class="text-lg font-semibold text-gray-900">-->
@@ -422,11 +422,11 @@
422422
<section class="bg-gradient-to-b from-gray-100 to-white py-12 sm:py-16 lg:pt-20 xl:pt-24">
423423
<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
424424
<div class="flex items-center justify-center gap-8">
425-
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-email-input.svg" alt=""/>
425+
<img class="w-auto h-12" src="/img/pages/ai_form_builder/icon-email-input.svg" alt=""/>
426426

427-
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-radio-buttons.svg" alt=""/>
427+
<img class="w-auto h-12" src="/img/pages/ai_form_builder/icon-radio-buttons.svg" alt=""/>
428428

429-
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-textarea.svg" alt=""/>
429+
<img class="w-auto h-12" src="/img/pages/ai_form_builder/icon-textarea.svg" alt=""/>
430430

431431
</div>
432432

‎client/pages/home.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
</div>
4141
</div>
4242
<div v-if="!formsLoading && enrichedForms.length === 0" class="flex flex-wrap justify-center max-w-4xl">
43-
<NuxtImg class="w-56"
43+
<img class="w-56"
4444
src="/img/pages/forms/search_notfound.png" alt="search-not-found"
4545
/>
4646

‎client/pages/index.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@
8888
<div
8989
class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4 w-full"
9090
>
91-
<NuxtImg src="/img/pages/welcome/product-cover.jpg"
91+
<img src="/img/pages/welcome/product-cover.jpg"
9292
sizes="320px sm:650px lg:896px"
9393
alt="Product screenshot" loading="lazy" class="rounded-md w-full shadow-2xl ring-1 ring-gray-900/10"
9494
/>

‎client/pages/templates/[slug].vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
<div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
3434
<div class="flex flex-col items-center justify-center max-w-4xl gap-8 mx-auto md:gap-12 md:flex-row">
3535
<div class="aspect-[4/3] shrink-0 rounded-lg shadow-sm overflow-hidden group max-w-sm">
36-
<NuxtImg class="object-cover w-full transition-all duration-200 group-hover:scale-110 h-[240px]"
36+
<img class="object-cover w-full transition-all duration-200 group-hover:scale-110 h-[240px]"
3737
:src="template.image_url" alt="Template cover image" width="500px" height="380px"
3838
/>
3939
</div>

‎client/runtimeConfig.js

-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@ export default {
1212
s3Enabled: process.env.NUXT_PUBLIC_S3_ENABLED || false,
1313
paidPlansEnabled: process.env.NUXT_PUBLIC_PAID_PLANS_ENABLED || false,
1414
customDomainsEnabled: process.env.NUXT_PUBLIC_CUSTOM_DOMAINS_ENABLED || false,
15-
useDummyImageProvider: process.env.NUXT_PUBLIC_IMAGE_OPTIMIZATION_DISABLED || false,
1615
featureBaseOrganization: process.env.NUXT_PUBLIC_FEATURE_BASE_ORGANISATION || null,
1716

1817
// Config within public will be also exposed to the client

0 commit comments

Comments
 (0)