Skip to content

Commit 5b136b2

Browse files
committed
chore: resolve components path
1 parent f0e2daf commit 5b136b2

File tree

2 files changed

+90
-66
lines changed

2 files changed

+90
-66
lines changed

README.md

+60-60
Original file line numberDiff line numberDiff line change
@@ -25,11 +25,11 @@ composer require damilaredev/laravel-email
2525
Add the component to your email template. Include styles where needed.
2626

2727
```html
28-
<x-laravel-email.html>
29-
<x-laravel-email.head>
28+
<x-laravel-email-html>
29+
<x-laravel-email-head>
3030
<link rel="dns-prefetch" href="//fonts.gstatic.com">
3131

32-
<x-laravel-email.font
32+
<x-laravel-email-font
3333
:font-family="'Br Firma'"
3434
:web-font="[
3535
'url' => 'https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0e.ttf',
@@ -38,20 +38,20 @@ Add the component to your email template. Include styles where needed.
3838
:font-style="'normal'"
3939
:font-weight="400"
4040
/>
41-
</x-laravel-email.head>
41+
</x-laravel-email-head>
4242

43-
<x-laravel-email.body
43+
<x-laravel-email-body
4444
style="margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;background-color:rgba(255, 255, 255, 1);font-family:Open Sans, ui-sans-serif, system-ui, -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Ubuntu,sans-serif"
4545
>
46-
<x-laravel-email.container style="margin-left:auto;margin-right:auto; max-width:50em;margin:10px auto;">
47-
<x-laravel-email.section>
48-
<x-laravel-email.heading style="font-size:1.75rem;line-height:43.99px;font-weight:700;text-align:left; color: rgba(80, 85, 94, 1);">
46+
<x-laravel-email-container style="margin-left:auto;margin-right:auto; max-width:50em;margin:10px auto;">
47+
<x-laravel-email-section>
48+
<x-laravel-email-heading style="font-size:1.75rem;line-height:43.99px;font-weight:700;text-align:left; color: rgba(80, 85, 94, 1);">
4949
Laravel Email
50-
</x-laravel-email.heading>
51-
</x-laravel-email.section>
52-
</x-laravel-email.container>
53-
</x-laravel-email.body>
54-
</x-laravel-email.html>
50+
</x-laravel-email-heading>
51+
</x-laravel-email-section>
52+
</x-laravel-email-container>
53+
</x-laravel-email-body>
54+
</x-laravel-email-html>
5555
```
5656

5757
## Components
@@ -60,35 +60,35 @@ A set of standard components to help you build amazing emails without having to
6060

6161
### HTML
6262
```html
63-
<x-laravel-email.html lang="en" dir="ltr">
64-
<x-laravel-email.link href="https://example.com">
63+
<x-laravel-email-html lang="en" dir="ltr">
64+
<x-laravel-email-link href="https://example.com">
6565
Click Me
66-
</x-laravel-email.link>
67-
</x-laravel-email.html>
66+
</x-laravel-email-link>
67+
</x-laravel-email-html>
6868
```
6969

7070
### Head
7171
```html
72-
<x-laravel-email.head>
72+
<x-laravel-email-head>
7373
<title>email title</title>
74-
</x-laravel-email.head>
74+
</x-laravel-email-head>
7575
```
7676

7777
### Heading
7878
```html
79-
<x-laravel-email.heading as="h1">Lorem Ipsum</x-laravel-email.heading>
79+
<x-laravel-email-heading as="h1">Lorem Ipsum</x-laravel-email-heading>
8080
```
8181

8282
### Link
8383
```html
84-
<x-laravel-email.link href="https://example.com">
84+
<x-laravel-email-link href="https://example.com">
8585
Example
86-
</x-laravel-email.link>
86+
</x-laravel-email-link>
8787
```
8888

8989
### Image
9090
```html
91-
<x-laravel-email.img
91+
<x-laravel-email-img
9292
src="dog.jpg"
9393
alt="dog"
9494
width="200"
@@ -107,74 +107,74 @@ A set of standard components to help you build amazing emails without having to
107107

108108
### Divider
109109
```html
110-
<x-laravel-email.hr />
110+
<x-laravel-email-hr />
111111
```
112112

113113
### Paragraph
114114
```html
115-
<x-laravel-email.text>Lorem Ipsum</x-laravel-email.text>
115+
<x-laravel-email-text>Lorem Ipsum</x-laravel-email-text>
116116
```
117117

118118
### Container
119119
```html
120120
<x-laravel-email.container>
121-
<x-laravel-email.link href="https://example.com" style="font-weight: 500; color: #0000;">
121+
<x-laravel-email-link href="https://example.com" style="font-weight: 500; color: #0000;">
122122
Click here
123-
</x-laravel-email.link>
123+
</x-laravel-email-link>
124124
</x-laravel-email.container>
125125
```
126126

127127
### Body
128128
```html
129-
<x-laravel-email.html lang="en">
130-
<x-laravel-email.body style="background-color: rgba(37, 60, 172, 1);">
131-
<x-laravel-email.section>
132-
<x-laravel-email.column style="width: 50%">
129+
<x-laravel-email-html lang="en">
130+
<x-laravel-email-body style="background-color: rgba(37, 60, 172, 1);">
131+
<x-laravel-email-section>
132+
<x-laravel-email-column style="width: 50%">
133133
{{-- First column --}}
134-
</x-laravel-email.column>
135-
<x-laravel-email.column style="width: 50%">
134+
</x-laravel-email-column>
135+
<x-laravel-email-column style="width: 50%">
136136
{{-- Second column --}}
137-
</x-laravel-email.column>
138-
</x-laravel-email.section>
139-
</x-laravel-email.body>
140-
</x-laravel-email.html>
137+
</x-laravel-email-column>
138+
</x-laravel-email-section>
139+
</x-laravel-email-body>
140+
</x-laravel-email-html>
141141
```
142142

143143
### Row
144144
```html
145-
<x-laravel-email.row>
146-
<x-laravel-email.column>A</x-laravel-email.column>
147-
<x-laravel-email.column>B</x-laravel-email.column>
148-
<x-laravel-email.column>C</x-laravel-email.column>
149-
</x-laravel-email.row>
145+
<x-laravel-email-row>
146+
<x-laravel-email-column>A</x-laravel-email-column>
147+
<x-laravel-email-column>B</x-laravel-email-column>
148+
<x-laravel-email-column>C</x-laravel-email-column>
149+
</x-laravel-email-row>
150150
```
151151

152152
### Section
153153
```html
154154
{{-- A Simple Section --}}
155-
<x-laravel-email.section>
156-
<x-laravel-email.text>Lorem Ipsum</x-laravel-email.text>
157-
</x-laravel-email.section>
155+
<x-laravel-email-section>
156+
<x-laravel-email-text>Lorem Ipsum</x-laravel-email-text>
157+
</x-laravel-email-section>
158158

159159
{{-- Formatted with `rows` and `columns` --}}
160-
<x-laravel-email.section>
161-
<x-laravel-email.row>
162-
<x-laravel-email.column>Column 1, Row 1</x-laravel-email.column>
163-
<x-laravel-email.column>Column 2, Row 1</x-laravel-email.column>
164-
</x-laravel-email.row>
160+
<x-laravel-email-section>
161+
<x-laravel-email-row>
162+
<x-laravel-email-column>Column 1, Row 1</x-laravel-email-column>
163+
<x-laravel-email-column>Column 2, Row 1</x-laravel-email-column>
164+
</x-laravel-email-row>
165165

166-
<x-laravel-email.row>
167-
<x-laravel-email.column>Column 1, Row 2</x-laravel-email.column>
168-
<x-laravel-email.column>Column 2, Row 2</x-laravel-email.column>
169-
</x-laravel-email.row>
170-
</x-laravel-email.section>
166+
<x-laravel-email-row>
167+
<x-laravel-email-column>Column 1, Row 2</x-laravel-email-column>
168+
<x-laravel-email-column>Column 2, Row 2</x-laravel-email-column>
169+
</x-laravel-email-row>
170+
</x-laravel-email-section>
171171
```
172172

173173
### Font
174174
```html
175-
<x-laravel-email.html lang="en">
176-
<x-laravel-email.head>
177-
<x-laravel-email.font
175+
<x-laravel-email-html lang="en">
176+
<x-laravel-email-head>
177+
<x-laravel-email-font
178178
font-family="Br Firma"
179179
fallback-font-family="Verdana"
180180
:web-font="[
@@ -184,8 +184,8 @@ A set of standard components to help you build amazing emails without having to
184184
font-style="normal"
185185
font-weight="400"
186186
/>
187-
</x-laravel-email.head>
188-
</x-laravel-email.html>
187+
</x-laravel-email-head>
188+
</x-laravel-email-html>
189189
```
190190

191191
## Support

src/LaravelEmailServiceProvider.php

+30-6
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,19 @@
22

33
namespace Damilaredev\LaravelEmail;
44

5-
use Illuminate\Support\Facades\Blade;
5+
use Damilaredev\LaravelEmail\View\Components\Body;
6+
use Damilaredev\LaravelEmail\View\Components\Column;
7+
use Damilaredev\LaravelEmail\View\Components\Container;
8+
use Damilaredev\LaravelEmail\View\Components\Font;
9+
use Damilaredev\LaravelEmail\View\Components\Head;
10+
use Damilaredev\LaravelEmail\View\Components\Heading;
11+
use Damilaredev\LaravelEmail\View\Components\Hr;
12+
use Damilaredev\LaravelEmail\View\Components\Html;
13+
use Damilaredev\LaravelEmail\View\Components\Img;
14+
use Damilaredev\LaravelEmail\View\Components\Link;
15+
use Damilaredev\LaravelEmail\View\Components\Row;
16+
use Damilaredev\LaravelEmail\View\Components\Section;
17+
use Damilaredev\LaravelEmail\View\Components\Text;
618
use Illuminate\Support\ServiceProvider;
719

820
class LaravelEmailServiceProvider extends ServiceProvider
@@ -41,7 +53,8 @@ protected function bootPublishing(): static
4153
{
4254
if ($this->app->runningInConsole()) {
4355
$this->publishes([
44-
__DIR__.'/../resources/views' => $this->app->resourcePath('views/vendor/laravel-email'),
56+
__DIR__.'/../src/View/Components/' => app_path('View/Components'),
57+
__DIR__.'/../resources/views/components/' => resource_path('views/vendor/components/laravel-email'),
4558
], 'laravel-email-views');
4659
}
4760

@@ -53,10 +66,21 @@ protected function bootPublishing(): static
5366
*/
5467
protected function bootComponents(): static
5568
{
56-
Blade::componentNamespace(
57-
'Damilaredev\\LaravelEmail\\View\\Components',
58-
'laravel-email'
59-
);
69+
$this->loadViewComponentsAs('laravel-email', [
70+
Head::class,
71+
Body::class,
72+
Html::class,
73+
Hr::class,
74+
Row::class,
75+
Column::class,
76+
Section::class,
77+
Text::class,
78+
Img::class,
79+
Font::class,
80+
Link::class,
81+
Heading::class,
82+
Container::class,
83+
]);
6084

6185
return $this;
6286
}

0 commit comments

Comments
 (0)