feat(project): basic settings, styles, fonts

.editorconfig

@@ -6,6 +6,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 indent_size = 2
+indent_style = space
 
 [*.md]
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

.env.example

@@ -0,0 +1 @@
+NUXT_API_HOST=https://localhost

.gitignore

@@ -1,11 +1,19 @@
+# IDE
 .vscode
 .idea
 
+
+# Temporary files
 node_modules
+tmp
 *.log*
-.nuxt
+
-.nitro
+# Build
-.cache
+src/.nuxt
-.output
+src/.nitro
+src/.cache
+src/.output
+src/dist
+
+# Environment
 .env
-dist

nuxt.config.ts

@@ -1,23 +1,20 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
+import {resolve} from 'path';
+
+const SRC = resolve(__dirname, 'src');
+
 export default defineNuxtConfig({
+  rootDir: SRC,
   app: {
     head: {
-      link: [
+      link: [{rel: 'icon', href: '/favicon.svg'}],
-        { rel: 'icon', href: '/favicon.svg' },
+    },
-      ]
-    }
   },
   css: ['@/assets/styles/main.scss'],
-  // vite: {
-  //   css: {
-  //     preprocessorOptions: {
-  //       sass: {
-  //         additionalData: '@import "@/assets/styles/_variables.sass"',
-  //       },
-  //     },
-  //   },
-  // },
   typescript: {
-    shim: false
+    shim: false,
-  }
+  },
+  modules: [
+    '@vueuse/nuxt',
+  ],
 })

package-lock.json

@@ -6,6 +6,8 @@
     "": {
       "hasInstallScript": true,
       "devDependencies": {
+        "@vueuse/core": "^9.3.1",
+        "@vueuse/nuxt": "^9.3.1",
         "nuxt": "3.0.0-rc.11",
         "sass": "^1.55.0"
       }
@@ -1178,6 +1180,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "dev": true
+    },
     "node_modules/@vercel/nft": {
       "version": "0.22.1",
       "resolved": "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.1.tgz",
@@ -1433,6 +1441,47 @@
       "integrity": "sha512-W9mfWLHmJhkfAmV+7gDjcHeAWALQtgGT3JErxULl0oz6R6+3ug91I7IErs93eCFhPCZPHBs4QJS7YWEV7A3sxw==",
       "dev": true
     },
+    "node_modules/@vueuse/core": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.3.1.tgz",
+      "integrity": "sha512-xriyD+v3D2ObH/UtnkEl+1sbcLBVHNaZaLi/rqoNEe/B92hggDEFQIGXoQUjdRzYOjASHSezf9uCDtmd7LeWyA==",
+      "dev": true,
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.3.1",
+        "@vueuse/shared": "9.3.1",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vueuse/head": {
       "version": "0.7.13",
       "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-0.7.13.tgz",
@@ -1445,6 +1494,60 @@
         "vue": ">=2.7 || >=3"
       }
     },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.3.1.tgz",
+      "integrity": "sha512-G1BPhtx3OHaL/y4OZBofh6Xt02G1VA9PuOO8nac9sTKMkMqfyez5VfkF3D9GUjSRNO7cVWyH4rceeGXfr2wdMg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/nuxt": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.3.1.tgz",
+      "integrity": "sha512-qj6xTaAhfCT21qfRGu57vafH0baB1n7si9J2iVGWRB8Tju7XunAPb7iCsQECWSaJRCLAvLV7dQ9W2ifHIcK5kw==",
+      "dev": true,
+      "dependencies": {
+        "@nuxt/kit": "^3.0.0-rc.11",
+        "@vueuse/core": "9.3.1",
+        "@vueuse/metadata": "9.3.1",
+        "local-pkg": "^0.4.2",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "nuxt": "^3.0.0-rc.9"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vueuse/shared": {
       "version": "9.3.1",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.3.1.tgz",
@@ -8481,6 +8584,12 @@
         "@types/node": "*"
       }
     },
+    "@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "dev": true
+    },
     "@vercel/nft": {
       "version": "0.22.1",
       "resolved": "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.1.tgz",
@@ -8719,6 +8828,27 @@
       "integrity": "sha512-W9mfWLHmJhkfAmV+7gDjcHeAWALQtgGT3JErxULl0oz6R6+3ug91I7IErs93eCFhPCZPHBs4QJS7YWEV7A3sxw==",
       "dev": true
     },
+    "@vueuse/core": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.3.1.tgz",
+      "integrity": "sha512-xriyD+v3D2ObH/UtnkEl+1sbcLBVHNaZaLi/rqoNEe/B92hggDEFQIGXoQUjdRzYOjASHSezf9uCDtmd7LeWyA==",
+      "dev": true,
+      "requires": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.3.1",
+        "@vueuse/shared": "9.3.1",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+          "dev": true,
+          "requires": {}
+        }
+      }
+    },
     "@vueuse/head": {
       "version": "0.7.13",
       "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-0.7.13.tgz",
@@ -8728,6 +8858,34 @@
         "@zhead/schema-vue": "^0.7.3"
       }
     },
+    "@vueuse/metadata": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.3.1.tgz",
+      "integrity": "sha512-G1BPhtx3OHaL/y4OZBofh6Xt02G1VA9PuOO8nac9sTKMkMqfyez5VfkF3D9GUjSRNO7cVWyH4rceeGXfr2wdMg==",
+      "dev": true
+    },
+    "@vueuse/nuxt": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.3.1.tgz",
+      "integrity": "sha512-qj6xTaAhfCT21qfRGu57vafH0baB1n7si9J2iVGWRB8Tju7XunAPb7iCsQECWSaJRCLAvLV7dQ9W2ifHIcK5kw==",
+      "dev": true,
+      "requires": {
+        "@nuxt/kit": "^3.0.0-rc.11",
+        "@vueuse/core": "9.3.1",
+        "@vueuse/metadata": "9.3.1",
+        "local-pkg": "^0.4.2",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+          "dev": true,
+          "requires": {}
+        }
+      }
+    },
     "@vueuse/shared": {
       "version": "9.3.1",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.3.1.tgz",

package.json

@@ -8,6 +8,8 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
+    "@vueuse/core": "^9.3.1",
+    "@vueuse/nuxt": "^9.3.1",
     "nuxt": "3.0.0-rc.11",
     "sass": "^1.55.0"
   }

src/pages/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div>
+    <Head>
+      <Title>Главная</Title>
+    </Head>
     <h1>Hello, Nuxt ✌</h1>
   </div>
 </template>