cvetkovskin

<script lang="ts">
  // ---------------------------------------------------------
  //  Global Imports
  // ---------------------------------------------------------

  import Fa from 'svelte-fa/src/fa.svelte'
  import { faPlus } from '@fortawesome/free-solid-svg-icons';

  // ---------------------------------------------------------
  //  Type Imports

cvetkovskin

<script lang="ts">
  // ---------------------------------------------------------
  //  Global Imports
  // ---------------------------------------------------------
  import Modal from '@/components/Modal.svelte'
  import { createEventDispatcher } from 'svelte';

  // ---------------------------------------------------------
  //  Props
  // ---------------------------------------------------------

cvetkovskin

<script lang="ts">
  // ---------------------------------------------------------
  //  Global Imports
  // ---------------------------------------------------------

  import moment from 'moment'
  import { createEventDispatcher, onMount } from 'svelte';
  import Modal from '@/components/Modal.svelte'
  import { formatDate } from '@/libs/utils'

cvetkovskin

<script lang="ts">
  // ---------------------------------------------------------
  //  Global Imports
  // ---------------------------------------------------------

  import Fa from 'svelte-fa/src/fa.svelte'
  import { faTimes } from '@fortawesome/free-solid-svg-icons';
  import { createEventDispatcher } from 'svelte';

  // ---------------------------------------------------------

cvetkovskin

import moment from 'moment'
/**
 * Format a date into a humanized time sentence if it's in the same
 * day or otherwise display a date in the YYYY/MM/DD format
 *
 * @param {String} dateString
 * @returns {String}
 */
export const formatDate = (dateString: string): string => {
  const date = moment(dateString, 'YYYYMMDDHHmmss')

cvetkovskin

<script lang="ts">
  // ---------------------------------------------------------
  //  Imports
  // ---------------------------------------------------------

  import Fa from 'svelte-fa/src/fa.svelte'
  import { faStar } from '@fortawesome/free-solid-svg-icons';
  import { createEventDispatcher } from 'svelte';
  import { formatDate } from '@/libs/utils'

cvetkovskin

<script lang="ts">
  import logo from '@/assets/svelte.png'
</script>

<header class="global-header">
  <div class="app-name">
    <img src={logo} alt="Svelte Logo" class="logo"/>
    <div class="title">Notes App</div>
  </div>
</header>

cvetkovskin

<script lang="ts">
  import Home from '@/pages/Home.svelte'
  import Header from '@/components/Header.svelte'
</script>

<Header />

<Home />

<style lang="scss">

cvetkovskin

{
  "extends": "@tsconfig/svelte/tsconfig.json",
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "baseUrl": ".",
    /**
     * Typechecking JS in `.svelte` and `.js` files by default.

cvetkovskin

import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [svelte()],
  resolve: {
    alias: {
      '@': path.resolve('/src'),