Update .gitattributes for line endings

.gitattributes

@@ -0,0 +1,18 @@
+# Ensure consistent line endings for text files
+* text=auto
+
+# Exclude binary files and directories from line ending conversion
+*.png binary
+*.jpg binary
+*.ico binary
+*.svg binary
+*.woff binary
+*.woff2 binary
+*.pdf binary
+*.mp4 binary
+*.mp3 binary
+
+# Exclude files generated by Vue CLI (compiled output)
+/dist/* binary
+/node_modules/* binary
+/public/* binary

.gitignore

@@ -1 +1,63 @@
-node_modules
+# Ignore Node.js modules
+node_modules/
+
+# Ignore built files
+/dist/
+/dist/*
+
+# Ignore configuration files
+.env.local
+.env.development
+.env.production
+.env.test
+
+# Ignore logs and other runtime data
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnp.*
+test-result.xml
+coverage
+.puppeteer
+.jest
+/.idea
+.eslintcache
+.DS_Store
+.cache/
+.vuepress/dist
+
+# Ignore Vue.js specific files
+/.vscode
+/nuxt
+/nuxt.js
+/nuxt.config.js
+!nuxt.config.js
+/package-lock.json
+/yarn.lock
+
+# Ignore generated files
+output
+output/
+*.exe
+
+# Ignore editor specific files
+.idea
+*.iml
+
+# Ignore OS generated files
+.DS_Store
+Thumbs.db
+ehthumbs.db
+desktop.ini
+$RECYCLE.BIN/
+/System Volume Information/
+RECYCLER/
+RECYCLED/
+RECYCLE.BIN/
+RECYCLED/
+$RECYCLE.BIN/
+$RECYCLED/
+
+# Ignore custom ignore files
+.ignore
+IGNORE

.vscode/tasks.json

@@ -1,13 +1,37 @@
 {
-	"version": "2.0.0",
-	"tasks": [
-		{
-			"type": "npm",
-			"script": "build",
-			"group": "build",
-			"problemMatcher": [],
-			"label": "npm: build",
-			"detail": "vue-cli-service build"
-		}
-	]
-}
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "introit",
+      "group": "build",
+      "problemMatcher": [],
+      "label": "npm: introit",
+      "detail": "Run the Intro-It project (build, lint, and serve)"
+    },
+    {
+      "type": "npm",
+      "script": "build",
+      "group": "build",
+      "problemMatcher": [],
+      "label": "npm: build",
+      "detail": "vue-cli-service build"
+    },
+    {
+      "type": "npm",
+      "script": "lint",
+      "group": "none",
+      "problemMatcher": [],
+      "label": "npm: lint",
+      "detail": "vue-cli-service lint"
+    },
+    {
+      "type": "npm",
+      "script": "serve",
+      "group": "none",
+      "problemMatcher": [],
+      "label": "npm: serve",
+      "detail": "vue-cli-service serve"
+    }
+  ]
+}

src/main.js

@@ -1,15 +1,29 @@
+/*
+ * Intro-It Project - Create a GitHub Profile Readme Intro
+ *
+ * Intro-It is a project designed to craft compelling intros for your GitHub profile readme.md.
+ * It aims to provide an engaging and interactive introduction to make your profile stand out.
+ *
+ * Project Repository: https://github.com/Coder2Mo/Intro-It
+ *
+ * Author: Mohamed Salem
+ * Email: [email protected]
+ * Copyright (C) 2023 Mohamed Salem. All rights reserved.
+ * Licensed under the MIT License.
+ */
+
 import Vue from "vue";
 import App from "./App.vue";
-import MakeIt from "introit";
+import TypeIt from "typeit";
 
 Vue.config.productionTip = false;
 
 new Vue({
   render: (h) => h(App)
 }).$mount("#app");
 
-// Initialize IntroIt for a professional Intro Writter effect
-new MakeIt("#demo2", {
+// Initialize TypeIt for a professional Intro Writer effect
+new TypeIt("#inner-demo-2", {
   speed: 100,
   lifelike: true,
   cursor: true,