Init commit

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,11 @@
+.vscode
+.idea
+
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.

app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtPage />
+  </div>
+</template>

assets/styles/_fonts.scss

@@ -0,0 +1,41 @@
+@mixin MakeFont($font-family, $fonts, $base-font-path: '') {
+  @each $font, $weight in $fonts {
+    $font-with-dash: #{$font-family}-#{$font};
+    $font-with-space: #{$font-family} #{$font};
+    $font-with-path: #{$base-font-path}/#{$font-with-dash};
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}.eot');
+      src: local('#{$font-with-dash}'), local('#{$font-with-space}'),
+      url('#{$font-with-path}.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}.woff2') format('woff2'),
+      url('#{$font-with-path}.woff') format('woff'),
+      url('#{$font-with-path}.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}Italic.eot');
+      src: local('#{$font-with-dash}Italic'), local('#{$font-with-space} Italic'),
+      url('#{$font-with-path}Italic.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}Italic.woff2') format('woff2'),
+      url('#{$font-with-path}Italic.woff') format('woff'),
+      url('#{$font-with-path}Italic.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: italic;
+    }
+  }
+}
+
+$fonts: (
+  Light: 300,
+  Regular: 400,
+  Medium: 500,
+  Bold: 600,
+  Black: 700,
+);
+
+@include MakeFont('Formular', $fonts, '@/assets/fonts/formular');

assets/styles/main.scss

@@ -0,0 +1 @@
+@import 'fonts';

nuxt.config.ts

@@ -0,0 +1,16 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  css: ['@/assets/styles/main.scss'],
+  vite: {
+    css: {
+      preprocessorOptions: {
+        sass: {
+          additionalData: '@import "@/assets/styles/_variables.sass"',
+        },
+      },
+    },
+  },
+  typescript: {
+    shim: false
+  }
+})

package.json

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "nuxt": "3.0.0-rc.11"
+  },
+  "dependencies": {
+    "sass": "^1.55.0"
+  }
+}

pages/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <h1>Hello, Nuxt ✌</h1>
+</template>
+
+<style scoped>
+h1 {
+  font-family: Formular, Helvetica, Arial, sans-serif;
+}
+</style>

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}