feat: add home page

Author: moulibheemaneti

.vscode/extensions.json

@@ -0,0 +1,14 @@
+{
+   "recommendations": [
+      "aaron-bond.better-comments",
+      "dbaeumer.vscode-eslint",
+      "gencer.html-slim-scss-css-class-completion",
+      "gruntfuggly.todo-tree",
+      "ms-vscode.vscode-gradle",
+      "pucelle.vscode-css-navigation",
+      "rust-lang.rust-analyzer",
+      "streetsidesoftware.code-spell-checker",
+      "usernamehw.errorlens",
+      "vue.volar"
+   ]
+}

.vscode/settings.json

@@ -0,0 +1,62 @@
+{
+    // Editor Specific
+    "editor.formatOnSave": true,
+    "editor.formatOnPaste": false,
+    "editor.formatOnType": false,
+    "editor.insertSpaces": true,
+    "editor.tabSize": 3,
+    "editor.detectIndentation": false,
+    "editor.trimAutoWhitespace": true,
+    "editor.bracketPairColorization.enabled": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit",
+        "source.organizeImports": "explicit",
+    },
+    "editor.quickSuggestions": {
+        "other": true,
+        "comments": true,
+        "strings": true
+    },
+    "files.insertFinalNewline": true,
+    "files.trimFinalNewlines": true,
+    "files.trimTrailingWhitespace": true,
+    "files.exclude": {
+        "**/node_modules": true,
+        "**/dist": true,
+        "**/.git": true,
+        "**/.DS_Store": true
+    },
+    "search.exclude": {
+        "**/node_modules": true,
+        "**/dist": true,
+        "**/.git": true
+    },
+    // HTML Specific
+    "html.format.enable": true,
+    "html.format.wrapLineLength": 120,
+    "html.suggest.html5": true,
+    "emmet.includeLanguages": {
+        "vue-html": "html",
+        "vue": "html",
+        "javascript": "html"
+    },
+    "emmet.triggerExpansionOnTab": true,
+    "emmet.showAbbreviationSuggestions": true,
+    "emmet.showExpandedAbbreviation": "always",
+    // TypeScript Specific
+    "typescript.preferences.importModuleSpecifier": "relative",
+    // ESLint Specific
+    "eslint.run": "onSave",
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact",
+        "vue",
+    ],
+    // Vue Related
+    "[vue]": {
+        "editor.defaultFormatter": "Vue.volar",
+        "editor.formatOnSave": true,
+    },
+}

.vscode/snippets.code-snippets

@@ -0,0 +1,57 @@
+{
+   // Place your nconnect_admin_new workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+   // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+   // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+   // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+   // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+   // Placeholders with the same ids are connected.
+   // Example:
+   // "Print to console": {
+   // 	"scope": "javascript,typescript",
+   // 	"prefix": "log",
+   // 	"body": [
+   // 		"console.log('$1');",
+   // 		"$2"
+   // 	],
+   // 	"description": "Log output to console"
+   // }
+   "Single File Component Composition API Boilerplate": {
+      "scope": "vue",
+      "prefix": [
+         "vue-composition",
+         "vue-setup"
+      ],
+      "body": "<template>\n\t$0\n</template>\n\n<script lang=\"ts\" setup>\n</script>\n\n<style lang=\"scss\">\n</style>",
+   },
+   "Print shorcut - Console log": {
+      "scope": "javascript,typescript",
+      "prefix": [
+         "print",
+         "csl",
+         "conso",
+         "consolelog"
+      ],
+      "body": "console.log(\"$1\",$2)"
+   },
+   // SCSS Related snippets.
+   "REM function in scss": {
+      "scope": "css,scss",
+      "prefix": "rem, px, px-to, px-to-rem",
+      "body": "px-to-rem($1)",
+   },
+   "EM function in scss": {
+      "scope": "css,scss",
+      "prefix": "em, px, px-to, px-to-em",
+      "body": "px-to-em($1)",
+   },
+   "Z-INDEX function in scss": {
+      "scope": "css,scss",
+      "prefix": "z-index, z, z-index-map",
+      "body": "z-index($1)",
+   },
+   "GET-COLOR function in scss": {
+      "scope": "css,scss",
+      "prefix": "get-color, color, color-map-with-shades",
+      "body": "get-color($1)",
+   },
+}

.yarn/install-state.gz

@@ -1,6 +1,31 @@
 <template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
+   <CliHeader />
+
+   <NuxtPage />
+
+   <CliFooter />
 </template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss">
+#__nuxt {
+   display: flex;
+   flex-direction: column;
+   height: 100%;
+}
+
+main {
+   flex: 1;
+}
+
+.cli-header,
+.cli-footer {
+   padding: px-to-rem(16);
+}
+
+main {
+   padding: 0 px-to-rem(16);
+}
+</style>