From 4c8b43ec4a6464dcf0222016e04aa5d36ffe3621 Mon Sep 17 00:00:00 2001
From: Jonathan Chase <JonathanChase@outlook.com>
Date: Wed, 26 Feb 2020 19:39:46 +0900
Subject: [PATCH] v.2.0.8

---
 .vscode/settings.json                                     | 3 +++
 CHANGELOG.md                                              | 6 ++++++
 README.md                                                 | 2 +-
 projects/ngx-picture/package.json                         | 2 +-
 .../ngx-picture/src/lib/picture/picture.component.html    | 8 +++++++-
 5 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..76b7a1a
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "explorer.compactFolders": false
+}
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ebde251..bb18936 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+# 2.0.8
+
+## Improvements
+
+- set native lazy loading true on img by default (ready for browser support)
+
 # 2.0.0
 
 ## Breaking changes
diff --git a/README.md b/README.md
index ae32e42..753362b 100644
--- a/README.md
+++ b/README.md
@@ -246,7 +246,7 @@ The data context for the template is:
     media="(min-width: 1920px)"
     type="image/jpeg"
   />
-  <img src="assets/images/banner.jpg" alt="test" />
+  <img src="assets/images/banner.jpg" alt="test" loading="lazy" />
 </picture>
 ```
 
diff --git a/projects/ngx-picture/package.json b/projects/ngx-picture/package.json
index b84b123..47625c1 100644
--- a/projects/ngx-picture/package.json
+++ b/projects/ngx-picture/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-picture",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/jaychase/ngx-picture.git"
diff --git a/projects/ngx-picture/src/lib/picture/picture.component.html b/projects/ngx-picture/src/lib/picture/picture.component.html
index 8a82f94..d228fc4 100644
--- a/projects/ngx-picture/src/lib/picture/picture.component.html
+++ b/projects/ngx-picture/src/lib/picture/picture.component.html
@@ -15,6 +15,12 @@
   >
   </ng-container>
   <ng-template #defaultImageTemplate>
-    <img [src]="src" [alt]="alt" (load)="loaded.emit($event)" #img />
+    <img
+      [src]="src"
+      [alt]="alt"
+      (load)="loaded.emit($event)"
+      loading="lazy"
+      #img
+    />
   </ng-template>
 </picture>