[MERGE] Merge branch 'master' into production

Byloth · Apr 1, 2021 · c0517c8 · c0517c8
2 parents f4edefe + b4d9868
commit c0517c8
Show file tree

Hide file tree

Showing 26 changed files with 924 additions and 1,221 deletions.
diff --git a/components/dialogs/banner-dialog.vue b/components/dialogs/banner-dialog.vue
@@ -21,10 +21,14 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import Avatar from "@/components/avatar.vue";
+    import Button from "@/components/mdc/button.vue";
+
     import TransientMixin from "@/mixins/transient";
 
     export default Vue.extend({
         name: "BannerDialog",
+        components: { Avatar, Button },
         mixins: [TransientMixin()],
         props: {
             icon: {

diff --git a/components/dialogs/fullscreen-dialog.vue b/components/dialogs/fullscreen-dialog.vue
@@ -33,10 +33,15 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import ActionButton from "@/components/mdc/actions/action-button.vue";
+    import Button from "@/components/mdc/button.vue";
+    import TopAppBar from "@/components/mdc/top-app-bar.vue";
+
     import TransientMixin from "@/mixins/transient";
 
     export default Vue.extend({
         name: "FullscreenDialog",
+        components: { ActionButton, Button, TopAppBar },
         mixins: [TransientMixin()],
         props: {
             title: {

diff --git a/components/globals/contact-dialog.vue b/components/globals/contact-dialog.vue
@@ -42,6 +42,10 @@
 
     import { RootState } from "@/core/types";
 
+    import FullscreenDialog from "@/components/dialogs/fullscreen-dialog.vue";
+    import TextField from "@/components/mdc/fields/text-field.vue";
+    import TextareaField from "@/components/mdc/fields/textarea-field.vue";
+
     interface ContactDialogData
     {
         isOpen: boolean;
@@ -56,6 +60,7 @@
 
     export default Vue.extend({
         name: "ContactDialog",
+        components: { FullscreenDialog, TextField, TextareaField },
 
         data: (): ContactDialogData => ({
             isOpen: false,

diff --git a/components/globals/cookie-banner.vue b/components/globals/cookie-banner.vue
@@ -16,10 +16,13 @@
     import Vue from "vue";
     import { mapState } from "vuex";
 
+    import BannerDialog from "@/components/dialogs/banner-dialog.vue";
+
     interface CookieBannerData { isOpen: boolean; }
 
     export default Vue.extend({
         name: "CookieBanner",
+        components: { BannerDialog },
 
         data: (): CookieBannerData => ({ isOpen: false }),
 

diff --git a/components/globals/drawer.vue b/components/globals/drawer.vue
@@ -60,8 +60,12 @@
 
     import { cssClasses } from "@material/drawer";
 
+    import List from "@/components/mdc/lists/list.vue";
+    import ListItem from "@/components/mdc/lists/list-item.vue";
+
     export default Vue.extend({
         name: "Drawer",
+        components: { List, ListItem },
         props: {
             value: {
                 default: false,

diff --git a/components/globals/flooter.vue b/components/globals/flooter.vue
@@ -78,8 +78,12 @@
     import Vue from "vue";
     import { mapState } from "vuex";
 
+    import ActionAnchor from "@/components/mdc/actions/action-anchor.vue";
+    import CreativeCommonsIcon from "@/components/icons/creative-commons-icon.vue";
+
     export default Vue.extend({
         name: "Flooter",
+        components: { ActionAnchor, CreativeCommonsIcon },
         computed: mapState("config", {
             author: "author",
             pages: "pages"

diff --git a/components/globals/jumbotron.vue b/components/globals/jumbotron.vue
@@ -85,10 +85,13 @@
 
     import { DailyMessage } from "@/models";
 
+    import TextLoader from "@/components/loaders/text-loader.vue";
+
     interface JumbotronData { dailyMessage: DailyMessage | null; }
 
     export default Vue.extend({
         name: "Jumbotron",
+        components: { TextLoader },
 
         data: (): JumbotronData => ({ dailyMessage: null }),
         created: async function(): Promise<void>

diff --git a/components/globals/navigation-bar.vue b/components/globals/navigation-bar.vue
@@ -29,6 +29,12 @@
 
     import { Action } from "@/core/types";
 
+    import ActionButton from "@/components/mdc/actions/action-button.vue";
+    import NavigationActions from "@/components/navigation-actions.vue";
+    import TopAppBar from "@/components/mdc/top-app-bar.vue";
+
+    import CookieBanner from "./cookie-banner.vue";
+
     interface NavigationBarData
     {
         _resizingAnimation?: ScrollAnimation;
@@ -37,6 +43,7 @@
 
     export default Vue.extend({
         name: "NavigationBar",
+        components: { ActionButton, CookieBanner, NavigationActions, TopAppBar },
         props: {
             toggler: {
                 default: true,

diff --git a/components/globals/share-dialog.vue b/components/globals/share-dialog.vue
@@ -71,6 +71,11 @@
 
     import { RootState } from "@/core/types";
 
+    import ActionAnchor from "@/components/mdc/actions/action-anchor.vue";
+    import ActionButton from "@/components/mdc/actions/action-button.vue";
+    import BottomDialog from "@/components/dialogs/bottom-dialog.vue";
+    import TextField from "@/components/mdc/fields/text-field.vue";
+
     interface ShareDialogData
     {
         isOpen: boolean;
@@ -84,6 +89,7 @@
 
     export default Vue.extend({
         name: "ShareDialog",
+        components: { ActionAnchor, ActionButton, BottomDialog, TextField },
 
         data: (): ShareDialogData => ({
             isOpen: false,

diff --git a/components/loaders/image-loader.vue b/components/loaders/image-loader.vue
@@ -7,8 +7,11 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import SkeletonLoader from "./core/skeleton-loader.vue";
+
     export default Vue.extend({
         name: "ImageLoader",
+        components: { SkeletonLoader },
         props: {
             portrait: {
                 default: false,

diff --git a/components/loaders/text-loader.vue b/components/loaders/text-loader.vue
@@ -7,8 +7,11 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import SkeletonLoader from "./core/skeleton-loader.vue";
+
     export default Vue.extend({
         name: "TextLoader",
+        components: { SkeletonLoader },
         props: {
             delay: {
                 default: 0,

diff --git a/components/loaders/timeline-item-loader.vue b/components/loaders/timeline-item-loader.vue
@@ -36,8 +36,13 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import SkeletonLoader from "./core/skeleton-loader.vue";
+    import ImageLoader from "./image-loader.vue";
+    import TextLoader from "./text-loader.vue";
+
     export default Vue.extend({
         name: "TimelineItemLoader",
+        components: { SkeletonLoader, ImageLoader, TextLoader },
         props: {
             image: {
                 default: false,

diff --git a/components/mdc/fields/text-field.vue b/components/mdc/fields/text-field.vue
@@ -62,10 +62,14 @@
     import Vue from "vue";
     import { MDCTextField } from "@material/textfield";
 
+    import TextFieldHelperText from "./text-field-helper-text.vue";
+    import TextFieldIcon from "./text-field-icon.vue";
+
     interface TextFieldData { _textField?: MDCTextField; }
 
     export default Vue.extend({
         name: "TextField",
+        components: { TextFieldHelperText, TextFieldIcon },
         props: {
             value: {
                 default: "",

diff --git a/components/navigation-actions.vue b/components/navigation-actions.vue
@@ -39,10 +39,15 @@
 
     import { MOBILE_SIZE } from "@/core/constants";
 
+    import ActionAnchor from "./mdc/actions/action-anchor.vue";
+    import ActionButton from "./mdc/actions/action-button.vue";
+    import OverflowMenu from "./overflow-menu.vue";
+
     interface NavigationActionsData { isCondensed: boolean; }
 
     export default Vue.extend({
         name: "NavigationActions",
+        components: { ActionAnchor, ActionButton, OverflowMenu },
         props: {
             actions: {
                 default: () => [],

diff --git a/components/overflow-menu.vue b/components/overflow-menu.vue
@@ -32,10 +32,16 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import ActionButton from "./mdc/actions/action-button.vue";
+    import Menu from "./mdc/menus/menu.vue";
+    import MenuAnchor from "./mdc/menus/menu-anchor.vue";
+    import MenuItem from "./mdc/menus/menu-item.vue";
+
     interface OverflowMenuData { isOpen: boolean; }
 
     export default Vue.extend({
         name: "OverflowMenu",
+        components: { ActionButton, Menu, MenuAnchor, MenuItem },
         props: {
             actions: {
                 default: () => [],

diff --git a/components/timelines/timeline-item.vue b/components/timelines/timeline-item.vue
@@ -48,8 +48,11 @@
 
     import Time from "@/core/time";
 
+    import Avatar from "@/components/avatar.vue";
+
     export default Vue.extend({
         name: "TimelineItem",
+        components: { Avatar },
         filters: {
             date(value: Date): string
             {

diff --git a/components/timelines/timeline.vue b/components/timelines/timeline.vue
@@ -17,8 +17,13 @@
 <script lang="ts">
     import Vue from "vue";
 
+    import TimelineItemLoader from "@/components/loaders/timeline-item-loader.vue";
+
+    import TimelineItem from "./timeline-item.vue";
+
     export default Vue.extend({
         name: "Timeline",
+        components: { TimelineItemLoader, TimelineItem },
         props: {
             items: {
                 default: () => [],

diff --git a/content/posts/git-from-zero-to-hero.md b/content/posts/git-from-zero-to-hero.md
@@ -0,0 +1,34 @@
+---
+title: "GIT: from Zero to Hero!" 
+subtitle: Il primo evento della community è online!
+author: Matteo Bilotta
+date: 2021-04-01T17:01:38
+icon: calendar-day
+thumbnail:
+    type: image
+    source: /img/git-from-zero-to-hero.webp
+    description: "GIT: from Zero to Hero!"
+
+tags:
+    - events
+    - news
+    - talks
+---
+
+Una chiacchierata online riguardo **GIT**: il software di versionamento del codice.  
+Uno strumento che, oggigiorno, qualunque sviluppatore software dovrebbe conoscere e **padroneggiare**.
+
+Proverò, quindi, a spiegare in maniera **semplice** e **pratica** come
+iniziare, da subito, ad utilizzare al meglio questo strumento (e perché, naturalmente).  
+Per questo motivo, l'evento vuole essere indirizzato principalmente a tutti i neofiti di GIT:
+ragazzi delle **superiori**, studenti **universitari**, aspiranti **informatici** e a
+chiunque si stia avvicinando, per la prima volta, a questo strumento.
+
+Se sei interessato oppure conosci qualcuno che potrebbe esserlo, qui trovi i dettagli:
+- **Luogo:** online (https://discord.gg/5QvHTwzvqW)
+- **Data:** Sabato 17 Aprile 2021
+- **Orario:** dalle ore 9:00 alle ore 13:00
+
+---
+
+> No, davvero... Sono serio! **NON** è un pesce d'Aprile! 🐟
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -27,6 +27,14 @@
 
     import { MOBILE_SIZE, TABLET_SIZE } from "@/core/constants";
 
+    import ContactDialog from "@/components/globals/contact-dialog.vue";
+    import Drawer from "@/components/globals/drawer.vue";
+    import DrawerScrim from "@/components/globals/drawer-scrim.vue";
+    import Flooter from "@/components/globals/flooter.vue";
+    import Jumbotron from "@/components/globals/jumbotron.vue";
+    import NavigationBar from "@/components/globals/navigation-bar.vue";
+    import ShareDialog from "@/components/globals/share-dialog.vue";
+
     export enum DrawerStatus
     {
         MODAL = 0,
@@ -50,6 +58,15 @@
 
     export default Vue.extend({
         name: "DrawerLayout",
+        components: {
+            ContactDialog,
+            Drawer,
+            DrawerScrim,
+            Flooter,
+            Jumbotron,
+            NavigationBar,
+            ShareDialog
+        },
 
         data: (): DrawerLayoutData => ({
             dialog: false,

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -29,9 +29,6 @@ export default {
     "@/plugins/vue-scroll-animator.client.ts"
   ],
 
-  // Auto import components (https://go.nuxtjs.dev/config-components)
-  components: true,
-
   // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
   buildModules: [
     // https://go.nuxtjs.dev/typescript

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@byloth/website",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "My personal website as a Nuxt.js application, written in TypeScript and based on Material Design.",
   "keywords": [
     "Vue.js",
@@ -23,10 +23,10 @@
   },
   "license": "GPL-3.0-or-later",
   "scripts": {
-    "dev": "nuxt-ts",
-    "build": "nuxt-ts build",
-    "start": "nuxt-ts start",
-    "generate": "nuxt-ts generate",
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "generate": "nuxt generate",
     "lint": "eslint --ext .js,.json,.ts,.vue --ignore-path .gitignore .",
     "lint:prod": "export NODE_ENV=\"production\" && yarn lint",
     "test": "echo \"Sorry! No test specified yet. 😭\" && exit 1",
@@ -45,26 +45,25 @@
     "@material/tooltip": "^10.0.0",
     "@material/top-app-bar": "^10.0.0",
     "@nuxt/content": "^1.14.0",
-    "@nuxt/typescript-runtime": "^2.1.0",
     "@nuxtjs/axios": "^5.13.1",
     "@nuxtjs/sitemap": "^2.4.0",
     "bootstrap": "^4.6.0",
     "core-js": "^3.9.1",
-    "nuxt": "~2.14.12"
+    "nuxt": "^2.15.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.10",
-    "@babel/eslint-parser": "^7.13.10",
-    "@babel/preset-env": "~7.12.17",
-    "@nuxt/types": "~2.14.12",
+    "@babel/core": "^7.13.14",
+    "@babel/eslint-parser": "^7.13.14",
+    "@babel/preset-env": "^7.13.12",
+    "@nuxt/types": "^2.15.3",
     "@nuxt/typescript-build": "^2.1.0",
     "@nuxtjs/eslint-config-typescript": "^6.0.0",
     "@nuxtjs/eslint-module": "^3.0.2",
     "@nuxtjs/google-analytics": "^2.4.0",
     "@nuxtjs/pwa": "^3.3.5",
-    "eslint": "^7.22.0",
+    "eslint": "^7.23.0",
     "eslint-plugin-nuxt": "^2.0.0",
-    "eslint-plugin-vue": "^7.7.0",
+    "eslint-plugin-vue": "^7.8.0",
     "sass": "^1.32.8",
     "sass-loader": "~10.1.1",
     "typescript": "^4.2.3",