diff --git a/README.md b/README.md index 8b308c9..d9368df 100755 --- a/README.md +++ b/README.md @@ -32,12 +32,14 @@ - Themes - Track your audience with analytics - Custom fonts +- Cloud Sync Feature - (Optional). Checkout [How it works](https://www.youtube.com/watch?v=hg-IDl4JBXA) and [How to Setup](https://www.youtube.com/watch?v=wM6Plcbihxo) - ## Highlights - Zero limitations - Your data belongs to you - Private by design +- Cloud Sync Feature with Cloudinary (Optional) ## Future diff --git a/assets/icons/spinner.svg b/assets/icons/spinner.svg new file mode 100644 index 0000000..f0ad059 --- /dev/null +++ b/assets/icons/spinner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/package.json b/package.json index e7326ad..978a56e 100755 --- a/package.json +++ b/package.json @@ -8,9 +8,7 @@ "start": "nuxt start", "generate": "nuxt generate" }, - "engines": { - "node": ">=16 <18" - }, + "engineStrict": true, "dependencies": { "@caohenghu/vue-colorpicker": "^1.2.4", @@ -26,7 +24,7 @@ }, "devDependencies": { "@aceforth/nuxt-optimized-images": "^1.4.0", - "@nuxtjs/tailwindcss": "^5.0.4", + "@nuxtjs/tailwindcss": "^6.11.4", "raw-loader": "^4.0.2", "sass": "^1.52.1", "sass-loader": "^10.2.1" diff --git a/pages/index.vue b/pages/index.vue index 371f0a4..907b9e1 100755 --- a/pages/index.vue +++ b/pages/index.vue @@ -185,6 +185,81 @@
+

+ {{ error }} +

+ +
+

Import Data

+ +
+

Do you want to Import Data from the cloud?

+ +
+ + + +
+
+ +
+
+ You can import your existing data to pre-populate the V-Card +
+ +
+ + +
+ +
+
+

Header attachments

@@ -246,7 +321,7 @@ focus:outline-none focus:border-gray-600 hover:border-gray-600 " - /> + />
@@ -269,7 +344,7 @@ focus:outline-none focus:border-gray-600 hover:border-gray-600 " - /> + />
@@ -295,7 +370,7 @@ focus:outline-none focus:border-gray-600 hover:border-gray-600 " - /> + />
@@ -318,7 +393,7 @@ focus:outline-none focus:border-gray-600 hover:border-gray-600 " - /> + />
@@ -966,6 +1041,105 @@

+ +
+

Save Data

+ +
+

Do you want to Save Data in the cloud?

+ +
+ + + +
+
+

+ By enabling the Save Data, you can persist your v-card Data state in + the cloud and retrieve for editing next time. +

+ +
+
+ Please paste your Cloudinary connection URL, You can +
    +
  1. + create a FREE account, if you don't have one +
  2. +
  3. Create an Unsigned Upload Preset with exactly "v-card-unsigned-preset" as name
  4. +
  5. copy and paste your Cloudinary Cloud Name here.
  6. +
+
+ +
+ + +
+
+
+
+ Click to Copy and Save this for next time +
+
{{ configUrl }}
+
+
+ + +
+
+