From 9ee31577805b8f339eb43c8d68c8682391f577f4 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Thu, 18 Aug 2022 20:55:05 +1000
Subject: [PATCH] Update website. Show deprecation notice for

---
 website/docs/gettingstarted/firstproject.mdx         |  5 ++---
 website/docs/gettingstarted/installation.mdx         |  6 +++---
 website/docs/guides/frameless.mdx                    | 12 ++++++++++++
 .../current/gettingstarted/firstproject.mdx          |  5 ++---
 .../current/gettingstarted/installation.mdx          |  5 ++---
 .../current/gettingstarted/firstproject.mdx          |  5 ++---
 .../current/gettingstarted/installation.mdx          |  5 ++---
 .../current/gettingstarted/firstproject.mdx          |  5 ++---
 .../current/gettingstarted/installation.mdx          |  5 ++---
 website/src/pages/changelog.md                       | 12 ++++++++++++
 10 files changed, 41 insertions(+), 24 deletions(-)

diff --git a/website/docs/gettingstarted/firstproject.mdx b/website/docs/gettingstarted/firstproject.mdx
index c4a5f1d6c..f68643a2f 100644
--- a/website/docs/gettingstarted/firstproject.mdx
+++ b/website/docs/gettingstarted/firstproject.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 2
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Creating a Project
 
 ## Project Generation
@@ -14,6 +11,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
 Pick your favourite framework:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Svelte"
diff --git a/website/docs/gettingstarted/installation.mdx b/website/docs/gettingstarted/installation.mdx
index 708e9c4cf..c4c7a19bd 100644
--- a/website/docs/gettingstarted/installation.mdx
+++ b/website/docs/gettingstarted/installation.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 1
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Installation
 
 ## Supported Platforms
@@ -42,6 +39,9 @@ You will also need to install platform specific dependencies:
 
 <!-- @formatter:off -->
 
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
 <Tabs
     defaultValue="Windows"
     values={[
diff --git a/website/docs/guides/frameless.mdx b/website/docs/guides/frameless.mdx
index cd78d3937..7c22b66d3 100644
--- a/website/docs/guides/frameless.mdx
+++ b/website/docs/guides/frameless.mdx
@@ -4,6 +4,18 @@
 Wails supports applications with no frame. This can be achieved by using the [frameless](../reference/options.mdx#frameless)
 field in [Application Options](../reference/options.mdx#application-options).
 
+
+:::warning
+The `data-wails-drag` attribute is being deprecated in favour of the following CSS style:
+`style="--wails-draggable:drag"`. You can use `style="--wails-draggable:no-drag"` to disable the drag behaviour.
+For this release only, you can test this by setting the following application option:
+```go
+		Experimental: &options.Experimental{
+			UseCSSDrag: true,
+		},
+```
+:::
+
 Wails offers a simple solution for dragging the window: Any HTML element that has the attribute "data-wails-drag" will
 act as a "drag handle". This property applies to all nested elements. If you need to indicate that a nested element
 should not drag, then use the attribute 'data-wails-no-drag' on that element.
diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
index 91e2fe5fa..6da2954f0 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 2
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Creating a Project
 
 ## Project Generation
@@ -14,6 +11,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
 Pick your favourite framework:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Svelte"
diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
index 4df346344..742fd9073 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 1
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Installation
 
 ## Supported Platforms
@@ -41,6 +38,8 @@ Run `npm --version` to verify.
 You will also need to install platform specific dependencies:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Windows"
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
index 91e2fe5fa..6da2954f0 100644
--- a/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
+++ b/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 2
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Creating a Project
 
 ## Project Generation
@@ -14,6 +11,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
 Pick your favourite framework:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Svelte"
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
index 4df346344..742fd9073 100644
--- a/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
+++ b/website/i18n/ru/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 1
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # Installation
 
 ## Supported Platforms
@@ -41,6 +38,8 @@ Run `npm --version` to verify.
 You will also need to install platform specific dependencies:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Windows"
diff --git a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
index 5fe364955..ede314550 100644
--- a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
+++ b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/firstproject.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 2
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # 创建项目
 
 ## 项目生成
@@ -14,6 +11,8 @@ import TabItem from "@theme/TabItem";
 Pick your favourite framework:
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Svelte"
diff --git a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
index b13d09a77..0c7895c84 100644
--- a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
+++ b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/gettingstarted/installation.mdx
@@ -2,9 +2,6 @@
 sidebar_position: 1
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
 # 安装
 
 ## 支持的平台
@@ -41,6 +38,8 @@ Wails 有许多安装前需要的常见依赖项：
 您还需要安装指定平台的依赖项：
 
 <!-- @formatter:off -->
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs
     defaultValue="Windows"
diff --git a/website/src/pages/changelog.md b/website/src/pages/changelog.md
index 278b2f966..5a9bf5360 100644
--- a/website/src/pages/changelog.md
+++ b/website/src/pages/changelog.md
@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Deprecation Notice
+
+The `data-wails-drag` attribute is being deprecated in favour of the following CSS style:
+`style="--wails-draggable:drag"`. You can use `style="--wails-draggable:no-drag"` to disable the drag behaviour.
+For this release only, you can test this by setting the following application option:
+
+```go
+        Experimental: &options.Experimental{
+UseCSSDrag: true,
+},
+```
+
 ## [v2.0.0-beta.43] - 2022-08-08
 
 ### Added