├── public
    ├── robots.txt
    ├── icon.png
    ├── large.jpg
    ├── OG-card.png
    ├── favicon.ico
    └── pwa
    │   ├── icon-192x192.png
    │   ├── icon-256x256.png
    │   ├── icon-384x384.png
    │   └── icon-512x512.png
├── .eslintignore
├── .env.example
├── components
    ├── user
    │   ├── avatar.png
    │   ├── UserLoginButton.vue
    │   └── UserLoginForm.vue
    ├── global
    │   ├── InfoBox.vue
    │   └── PrevNext.vue
    ├── SwitchLocaleSelect.vue
    ├── README.md
    ├── SwitchLocale.vue
    ├── MemoryUsageDemo.vue
    ├── AppSearchInput.vue
    ├── ReloadPrompt.vue
    ├── blog
    │   └── BlogList.vue
    ├── header
    │   ├── HeaderResponsiveMenu.vue
    │   └── HeaderMain.vue
    ├── MarkdownEditor.vue
    ├── DaisyuiThemeSwitcher.vue
    ├── FooterMain.vue
    ├── Logo.vue
    └── Tutorial.vue
├── CHANGELOG.md
├── postcss.config.js
├── api
    ├── example.ts
    ├── auth.ts
    ├── todos.ts
    └── useSoftware.ts
├── .gitignore
├── .vscode
    ├── extensions.json
    └── settings.json
├── pages
    ├── post1.md
    ├── about.vue
    ├── blog
    │   ├── index.vue
    │   └── [post].vue
    ├── profile.vue
    └── index.vue
├── content
    ├── blog
    │   ├── post2.md
    │   └── post1.md
    └── about.md
├── tsconfig.json
├── locales
    ├── en.yml
    ├── fr.yml
    └── es.yml
├── layouts
    ├── README.md
    ├── default.vue
    └── error.vue
├── middleware
    ├── auth.ts
    └── README.md
├── composables
    ├── states.ts
    ├── useSupabase.ts
    ├── README.md
    └── useAuth.ts
├── plugins
    ├── README.md
    ├── supabase.client.ts
    └── markdownit.js
├── styles
    ├── tailwind.css
    └── scrollbar-color.css
├── .eslintrc.js
├── server-middleware
    └── sw.js
├── package.json
├── tailwind.config.js
├── pwaConfiguration.ts
├── README.md
└── nuxt.config.ts


/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: /
3 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | dist
2 | node_modules
3 | .output
4 | .nuxt
5 | 


--------------------------------------------------------------------------------
/public/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/icon.png


--------------------------------------------------------------------------------
/public/large.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/large.jpg


--------------------------------------------------------------------------------
/public/OG-card.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/OG-card.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | SUPABASE_URL = https://<supabase url>.supabase.co
2 | SUPABASE_KEY = <supabase access key>
3 | 


--------------------------------------------------------------------------------
/components/user/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/components/user/avatar.png


--------------------------------------------------------------------------------
/public/pwa/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/pwa/icon-192x192.png


--------------------------------------------------------------------------------
/public/pwa/icon-256x256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/pwa/icon-256x256.png


--------------------------------------------------------------------------------
/public/pwa/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/pwa/icon-384x384.png


--------------------------------------------------------------------------------
/public/pwa/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ctwhome/top-nuxt3/HEAD/public/pwa/icon-512x512.png


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog Top Nuxt3, by @ctwhome
2 | 
3 | ### Jan 8, 2022
4 | - 🎉 Add styled Markdown files
5 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/api/example.ts:
--------------------------------------------------------------------------------
1 | export default function hello ():string {
2 |   const hello:string = 'Typescript'
3 |   return hello
4 | }
5 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | *.log
 3 | .nuxt
 4 | nuxt.d.ts
 5 | .output
 6 | 
 7 | # Local Netlify folder
 8 | .netlify
 9 | .env
10 | .idea
11 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": [
3 |     "dbaeumer.vscode-eslint",
4 |     "bradlc.vscode-tailwindcss",
5 |     "johnsoncodehk.volar"
6 |   ]
7 | }


--------------------------------------------------------------------------------
/pages/post1.md:
--------------------------------------------------------------------------------
1 | ---
2 | slug: post1
3 | myVar: this is my var in frontmatter
4 | title: My post 1
5 | ---
6 | # my post 1
7 | thanks everyone for joining the community.
8 | 


--------------------------------------------------------------------------------
/content/blog/post2.md:
--------------------------------------------------------------------------------
1 | ---
2 | slug: post2
3 | myVar: this is my var in frontmatter
4 | title: My post 2
5 | ---
6 | # my post 2
7 | thanks everyone for joining the community.
8 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./.nuxt/tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "target": "ESNext",
 5 |     "types": [
 6 |       "vite-plugin-pwa/client"
 7 |     ]
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/locales/en.yml:
--------------------------------------------------------------------------------
 1 | lang:
 2 |   en: English
 3 |   es: Español
 4 |   fr: Français
 5 | welcome: Welcome to
 6 | about: About
 7 | change-theme: Change Theme
 8 | blog: Blog
 9 | protected: Protected Profile
10 | 


--------------------------------------------------------------------------------
/locales/fr.yml:
--------------------------------------------------------------------------------
 1 | lang:
 2 |   en: English
 3 |   es: Español
 4 |   fr: Français
 5 | welcome: Bienvenue à
 6 | about: Sur
 7 | change-theme: Change le thème
 8 | blog: Blog
 9 | protected: Profile Protégé
10 | 


--------------------------------------------------------------------------------
/locales/es.yml:
--------------------------------------------------------------------------------
 1 | lang:
 2 |   en: English
 3 |   es: Español
 4 |   fr: Français
 5 | welcome: Bienvenido a
 6 | about: Acerca de
 7 | change-theme: Cambiar Estilos
 8 | blog: Blog
 9 | protected: Profile Protegido
10 | 


--------------------------------------------------------------------------------
/components/global/InfoBox.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="bg-primary-500 text-base-content p-4 mb-4">
 3 |     <p>
 4 |       <slot name="info-box">
 5 |         default
 6 |       </slot>
 7 |     </p>
 8 |   </div>
 9 | </template>
10 | 


--------------------------------------------------------------------------------
/components/SwitchLocaleSelect.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <select v-model="$i18n.locale">
3 |     <option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">
4 |       {{ locale }}
5 |     </option>
6 |   </select>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/layouts/README.md:
--------------------------------------------------------------------------------
1 | # LAYOUTS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains your Application Layouts.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
8 | 


--------------------------------------------------------------------------------
/middleware/auth.ts:
--------------------------------------------------------------------------------
 1 | import useAuth from '~/composables/useAuth'
 2 | 
 3 | export default defineNuxtRouteMiddleware((to, from) => {
 4 |   const { isLoggedIn } = useAuth()
 5 |   if (!isLoggedIn()) {
 6 |     process.client && alert('This page requires authentication.')
 7 |     return navigateTo('/')
 8 |   }
 9 | })
10 | 


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container mx-auto pt-4">
 3 |     <h1> {{ $t('about') }}</h1>
 4 | 
 5 |     <h2>{{myVar}}</h2>
 6 | 
 7 |     <PostComponent class="prose mt-4"/>
 8 |   </div>
 9 | </template>
10 | <script setup>
11 | import PostComponent, {myVar} from '~/content/about.md'
12 | </script>
13 | 


--------------------------------------------------------------------------------
/composables/states.ts:
--------------------------------------------------------------------------------
 1 | import { useState } from '#app'
 2 | 
 3 | /**
 4 |  * States examples with Nuxt useState
 5 |  */
 6 | 
 7 | export const useCounter = () => useState<number>('counter', () => 0)
 8 | export const useColor = () => useState<string>('color', () => 'pink')
 9 | export const useText = () => useState<string>('text', () => 'Hello')
10 | 


--------------------------------------------------------------------------------
/plugins/README.md:
--------------------------------------------------------------------------------
1 | # PLUGINS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
8 | 


--------------------------------------------------------------------------------
/components/README.md:
--------------------------------------------------------------------------------
 1 | # COMPONENTS
 2 | Important: keep the name of the nested components the same you name the partent folders:
 3 | example: /components/blog/MyComponent = BlogMyComponent.vue
 4 | 
 5 | **This directory is not required, you can delete it if you don't want to use it.**
 6 | 
 7 | The components directory contains your Vue.js Components.
 8 | 
 9 | _Nuxt.js doesn't supercharge these components._
10 | 


--------------------------------------------------------------------------------
/middleware/README.md:
--------------------------------------------------------------------------------
1 | # MIDDLEWARE
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains your application middleware.
6 | Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
7 | 
8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
9 | 


--------------------------------------------------------------------------------
/plugins/supabase.client.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Work in progress
 3 |  */
 4 | 
 5 | import {defineNuxtPlugin} from '#app'
 6 | // import { createClient } from '@supabase/supabase-js'
 7 | 
 8 | export default defineNuxtPlugin(nuxtApp => {
 9 |   // const config = useRuntimeConfig()
10 |   // const supabase = createClient(config.supabaseUrl, config.supabasePublicKey)
11 |   // nuxtApp.provide('supabase',supabase)
12 |   // return supabase
13 | })
14 | 


--------------------------------------------------------------------------------
/components/SwitchLocale.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="flex gap-3 ml-auto">
 3 | 
 4 |     <!-- Switch translator-->
 5 |     <div v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`"
 6 |          :data-tip="$t('lang.'+locale)"
 7 |          class="tooltip tooltip-bottom">
 8 |       <div @click="$i18n.locale = locale" class="btn btn-circle btn-sm btn-ghost">
 9 |         {{ locale }}
10 |       </div>
11 |     </div>
12 |   </div>
13 | </template>
14 | 


--------------------------------------------------------------------------------
/composables/useSupabase.ts:
--------------------------------------------------------------------------------
 1 | import { createClient } from '@supabase/supabase-js'
 2 | 
 3 | const SUPABASE_URL = 'https://uduilifzyiujjrzlwyby.supabase.co'
 4 | const SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYxNTIzNzkyMywiZXhwIjoxOTMwODEzOTIzfQ.morp5e9629xzWqRwcy1d6J3FbGbQKSwOyOAoK1URv1I'
 5 | 
 6 | const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
 7 | 
 8 | 
 9 | export default function useSupabase () {
10 |   return { supabase }
11 | }
12 | 


--------------------------------------------------------------------------------
/content/blog/post1.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | slug: post1
 3 | myVar: this is my var in frontmatter
 4 | title: My post 1
 5 | ---
 6 | # my post 1
 7 | This post blog is not dynamic. It gets the data form the MarkdownFile, 
 8 | but it doesn't import the file dynamically from parameters. 
 9 | 
10 | 
11 | [Vite supports glob-type dynamic imports like import('./locales/*.json')but does not support dynamic string imports like import(`./locales/${locales}.json`)](https://github.com/vitejs/vite/issues/772#issuecomment-858993304)
12 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import { defineAsyncComponent } from 'vue'
 3 | const ClientReloadPrompt = typeof window !== 'undefined'
 4 |     ? defineAsyncComponent(() => import('../components/ReloadPrompt.vue'))
 5 |     : null
 6 | 
 7 | </script>
 8 | <template>
 9 |   <div class="flex flex-col h-screen bg-base-200">
10 |     <header-main />
11 |     <div class="flex-1 px-3" >
12 |       <slot/>
13 |     </div>
14 |     <footer-main />
15 |     <template v-if='ClientReloadPrompt'>
16 |       <ClientReloadPrompt />
17 |     </template>
18 |   </div>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/styles/tailwind.css:
--------------------------------------------------------------------------------
 1 | @import './scrollbar-color.css';
 2 | 
 3 | @tailwind base;
 4 | @tailwind components;
 5 | @tailwind utilities;
 6 | 
 7 | 
 8 | /* Base styles modifications
 9 |  * https://tailwindcss.com/docs/adding-base-styles
10 |  */
11 | @layer base {
12 |     h1 {
13 |         @apply text-3xl font-medium
14 |     }
15 |     h2 {
16 |         @apply text-2xl;
17 |     }
18 |     h3 {
19 |         @apply text-xl;
20 |     }
21 |     h3 {
22 |         @apply text-lg;
23 |     }
24 | 
25 |     ul.styled {
26 |         @apply my-3
27 |     }
28 |     ul.styled li{
29 |         @apply list-disc ml-10
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/styles/scrollbar-color.css:
--------------------------------------------------------------------------------
 1 | /* Import with  */
 2 | /* @import './scrollbar-color.css';  */
 3 | 
 4 | :root {
 5 |   --scrollbarTrack: hsl(var(--b2));
 6 |   --scrollbarThumb: hsl(var(--b3));
 7 |   --scrollbarThumbHover: hsl(var(--b1));
 8 | }
 9 | /* Scrollbar colors*/
10 | /* width */
11 | ::-webkit-scrollbar {
12 |   width: 10px;
13 | }
14 | 
15 | /* Track */
16 | ::-webkit-scrollbar-track {
17 |   background: var(--scrollbarTrack);
18 | }
19 | 
20 | /* Handle */
21 | ::-webkit-scrollbar-thumb {
22 |   background: var(--scrollbarThumb);
23 |   border-radius: 3px;
24 | }
25 | 
26 | /* Handle on hover */
27 | ::-webkit-scrollbar-thumb:hover {
28 |   background: var(--scrollbarThumbHover);
29 | }
30 | 


--------------------------------------------------------------------------------
/components/global/PrevNext.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="flex justify-between gap-10">
 3 |     <NuxtLink
 4 |       v-if="next"
 5 |       :to="next.slug"
 6 |       class="font-bold hover:underline"
 7 |     >
 8 |       ← {{ next.title }}
 9 |     </NuxtLink>
10 |     <span v-else>&nbsp;</span>
11 |     <NuxtLink
12 |       v-if="prev"
13 |       :to="prev.slug"
14 |       class="font-bold hover:underline"
15 |     >
16 |       {{ prev.title }} →
17 |     </NuxtLink>
18 | 
19 |     <span v-else>&nbsp;</span>
20 |   </div>
21 | </template>
22 | 
23 | <script>
24 | export default {
25 |   props: {
26 |     prev: { type: Object, default: () => null },
27 |     next: { type: Object, default: () => null }
28 |   }
29 | }
30 | </script>
31 | 


--------------------------------------------------------------------------------
/composables/README.md:
--------------------------------------------------------------------------------
 1 | # Composables directory
 2 | Nuxt 3 supports composables/ directory to automatically import your Vue composables into your application using auto-imports!
 3 | 
 4 | Composables are used to store value. Vue 3 enables the creation of reactive variables outside the framework for reusability.
 5 | 
 6 | - By convention, the composables names add the word "use" attached to the name.
 7 | - Composable files only are executed at root level [VIdeo (6:24): 7 Important Vue 3 Composition and Composable Functions Explained](https://www.youtube.com/watch?v=z_1k0QC1HsE)
 8 | - Nuxt 3 supports composables/ directory to automatically import your Vue composables into your application using auto-imports!
 9 | - [Nuxt3 composables](https://v3.nuxtjs.org/docs/directory-structure/composables)
10 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   'env': {
 3 |     'browser': true,
 4 |     'es2021': true
 5 |   },
 6 |   'extends': [
 7 |     'eslint:recommended',
 8 |     'plugin:nuxt/recommended',
 9 |     'plugin:@typescript-eslint/recommended'
10 |   ],
11 |   'parserOptions': {
12 |     'ecmaVersion': 13,
13 |     'parser': '@typescript-eslint/parser',
14 |     'sourceType': 'module'
15 |   },
16 |   'plugins': [
17 |     'vue',
18 |     '@typescript-eslint'
19 |   ],
20 |   'rules': {
21 |     'indent': ['error',2],
22 |     'linebreak-style': ['error','unix'],
23 |     'quotes': ['error','single'],
24 |     'semi': ['error','never'],
25 |     // we want to avoid extraneous spaces
26 |     'no-trailing-spaces': 'error',
27 |     'no-multi-spaces': ['error'],
28 |     'no-multiple-empty-lines': 'error'
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/pages/blog/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container mx-auto pt-4">
 3 |     <h1> {{ $t('blog') }}</h1>
 4 |     <nuxt-link :to="/blog/+post.slug" v-for="post in posts" :key="post.slug">
 5 |       <div  class="transition mt-3 p-3 hover:bg-gray-200">
 6 |       <p>{{ post.myVar }}</p>
 7 |       <component :is="post.default"/>
 8 |       </div>
 9 |     </nuxt-link>
10 | 
11 |   </div>
12 | </template>
13 | <script setup>
14 | 
15 | const posts = Object.values(import.meta.globEager('../../content/blog/*.md'))
16 | 
17 | // Todo add dynamic imports when available in Vite
18 | // const markdown = ()=>import('../../content/blog/post1.md')
19 | // const ml = ref()
20 | //
21 | // markdown().then(result=> {
22 | //   console.log('🎹 result', result)
23 | //   ml.value = result
24 | // })
25 | 
26 | </script>
27 | 
28 | 
29 | 
30 | 
31 | 


--------------------------------------------------------------------------------
/layouts/error.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="h-screen">
 3 |     <div v-if="!!error" class="mt-60 p-20 bg-base-300 prose">
 4 |       <h3>
 5 |         Page not found
 6 |         <div class="btn btn-ghost btn-primary" @click="$router.push('/')">
 7 |           ← Go back
 8 |         </div>
 9 |       </h3>
10 |     </div>
11 |   </div>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |   layout: 'empty',
17 |   props: {
18 |     error: {
19 |       type: Object,
20 |       default: null
21 |     }
22 |   },
23 |   data () {
24 |     return {
25 |       pageNotFound: '404 Not Found',
26 |       otherError: 'An error occurred'
27 |     }
28 |   },
29 |   head () {
30 |     const title =
31 |       this.error.statusCode === 404 ? this.pageNotFound : this.otherError
32 |     return {
33 |       title
34 |     }
35 |   }
36 | }
37 | </script>
38 | 
39 | <style scoped>
40 | h1 {
41 |   font-size: 20px;
42 | }
43 | </style>
44 | 


--------------------------------------------------------------------------------
/components/MemoryUsageDemo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div v-if="isSupported && memory" class="inline-grid grid-cols-2 gap-x-4 gap-y-2">
 3 |     <template v-if="memory">
 4 |       <div opacity="50">
 5 |         Used
 6 |       </div>
 7 |       <div>{{ size(memory.usedJSHeapSize) }}</div>
 8 |       <div opacity="50">
 9 |         Allocated
10 |       </div>
11 |       <div>{{ size(memory.totalJSHeapSize) }}</div>
12 |       <div opacity="50">
13 |         Limit
14 |       </div>
15 |       <div>{{ size(memory.jsHeapSizeLimit) }}</div>
16 |     </template>
17 |   </div>
18 |   <div v-else>
19 |     Your browser does not support performance memory API
20 |   </div>
21 | </template>
22 | 
23 | 
24 | <script lang="ts" setup>
25 | import {useMemory} from '@vueuse/core'
26 | 
27 | const size = (v: number) => {
28 |   const kb = v / 1024 / 1024
29 |   return `${kb.toFixed(2)} MB`
30 | }
31 | const {isSupported, memory} = useMemory()
32 | </script>
33 | 


--------------------------------------------------------------------------------
/pages/blog/[post].vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container mx-auto pt-4">
 3 |     <div class="flex gap-2">
 4 |       <nuxt-link class="btn btn-outline btn-sm" to="/blog/post1">Post 1</nuxt-link>
 5 |       <nuxt-link class="btn btn-outline btn-sm" to="/blog/post2">Post 2</nuxt-link>
 6 |     </div>
 7 |     <div v-html="content"></div>
 8 |   </div>
 9 | </template>
10 | <script setup>
11 | // import Markdown from 'vue3-markdown-it'
12 | const route = useRoute()
13 | let rendered = ref("");
14 | const content = ref()
15 | 
16 | // const data = await import(`../../content/blog/${route.params.post}.md`)
17 | // const { data } = await useFetch(`../../content/blog/${route.params.post}.md`)
18 | 
19 | const { data } = await useAsyncData('data', () => $fetch(`../../content/blog/${route.params.post}.md`))
20 | 
21 | content.value = data.value
22 | // if (typeof data.value === 'string') {
23 | //   content.value = useNuxtApp().$mdit.render(data.value);
24 | // }
25 | </script>
26 | 
27 | 
28 | 
29 | 
30 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // required to indicate that eslint project is not in the root
 3 |   // "eslint.workingDirectories": [
 4 |   //   ".",
 5 |   // ],
 6 |   // FORMAT ON SAVE for VSC
 7 |   // based on this acticle https://www.aleksandrhovhannisyan.com/blog/format-code-on-save-vs-code-eslint/
 8 |   // define files to validate, can have more options
 9 |   // but in this project we use typescript and react
10 |   "eslint.validate": [
11 |     "javascript",
12 |     "javascriptvue",
13 |     "typescript",
14 |     "typescriptvue",
15 |   ],
16 |   // it tells VScode to use eslint plugin
17 |   // Note! you might also need to disable Prettier or VSCode defaults
18 |   "editor.formatOnSave": true,
19 |   "editor.codeActionsOnSave": {
20 |     "source.fixAll.eslint": true,
21 |   },
22 |   // Tailwind plugin integration
23 |   "css.validate": false,
24 |   "editor.quickSuggestions": {
25 |     "strings": true
26 |   },
27 |   "tailwindCSS.includeLanguages": {
28 |     "plaintext": "html"
29 |   },
30 | }


--------------------------------------------------------------------------------
/server-middleware/sw.js:
--------------------------------------------------------------------------------
 1 | import { resolve } from 'pathe'
 2 | import { promises } from 'fs'
 3 | 
 4 | export default async function(req, res, next) {
 5 |   // req is the Node.js http request object
 6 |   const url = req.url
 7 |   let resource = null
 8 |   if (url === '/sw.js' || url === '/manifest.webmanifest' || (url.startsWith('/workbox-') && url.endsWith('.js')))
 9 |     resource = url.slice(1)
10 | 
11 |   if (resource) {
12 |     const path = resolve(`./.output/public/_nuxt/${resource}`)
13 |     const { mtime } = await promises.stat(path)
14 |     const ifModifiedSinceH = req.headers['if-modified-since']
15 |     if (new Date(ifModifiedSinceH) >= new Date(mtime)) {
16 |       res.statusCode = 304
17 |       return res.end('Not Modified (mtime)')
18 |     }
19 |     if (resource.endsWith('.js'))
20 |       res.setHeader('Content-Type', 'application/javascript')
21 |     else
22 |       res.setHeader('Content-Type', 'application/manifest+json')
23 |     res.setHeader('Last-Modified', mtime)
24 |     res.setHeader('Cache-Control', 'public, max-age=0, must-revalidate')
25 |     return res.end(await promises.readFile(path))
26 |   }
27 |   next()
28 | }
29 | 


--------------------------------------------------------------------------------
/components/user/UserLoginButton.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <!-- Logged in -->
 4 |     <nuxt-link v-if="isLoggedIn()" to="/profile" class="hover:bg-gray-100 rounded-full h-12 w-12 flex items-center justify-center">
 5 |       <img
 6 |         class="cursor-pointer h-8 w-8 rounded-full"
 7 |         :src=" user && user.user_metadata && user.user_metadata.avatar_url || '/img/avatar.svg'"
 8 |         referrerpolicy="no-referrer"
 9 |         @click="toProfile"
10 |       >
11 |     </nuxt-link>
12 |     <!-- Not logged in-->
13 |     <div v-else>
14 |       <div>
15 |         <label for="login-modal" class="btn btn-primary btn-md modal-button">
16 |           Login access
17 |         </label>
18 |         <input id="login-modal" type="checkbox" class="modal-toggle">
19 |         <div class="modal">
20 |           <div class="modal-box">
21 |             <user-login-form />
22 | 
23 |             <div class="modal-action">
24 |               <label for="login-modal" class="btn">Close</label>
25 |             </div>
26 |           </div>
27 |         </div>
28 |       </div>
29 |     </div>
30 |   </div>
31 | </template>
32 | 
33 | <script setup lang="ts">
34 | const  { user, isLoggedIn } = useAuth()
35 | 
36 | const router = useRouter()
37 | function toProfile () {
38 |   router.push('')
39 | }
40 | 
41 | </script>
42 | 


--------------------------------------------------------------------------------
/api/auth.ts:
--------------------------------------------------------------------------------
 1 | import { ref, computed } from 'vue'
 2 | import { Provider, Session } from '@supabase/supabase-js'
 3 | import supabase from '~/plugins/supabase'
 4 | 
 5 | // state
 6 | const userSession = ref()
 7 | 
 8 | // Getter
 9 | const isLoggedIn = computed(
10 |   () => userSession.value?.user?.aud === 'authenticated'
11 | )
12 | 
13 | // Actions
14 | function loginWithProvider (provider:Provider = 'google', isDev:boolean) {
15 |   supabase.auth.signIn({ provider }, {
16 |     redirectTo: isDev ? 'http://localhost:3000' : undefined
17 |   })
18 | }
19 | 
20 | async function loginWithEmail (email:string) {
21 |   console.log('✉️ requesting email...')
22 |   const { user, session, error } = await supabase.auth.signIn({
23 |     email
24 |   })
25 |   console.log('🙋‍♂️', user, session)
26 |   if (error) {
27 |     console.log('🎹', error)
28 |   }
29 | }
30 | 
31 | async function logout () {
32 |   await supabase.auth.signOut()
33 | }
34 | 
35 | const setUserSession = (session: Session) => {
36 |   userSession.value = session
37 | }
38 | 
39 | // Handle Auth user changes
40 | supabase?.auth?.onAuthStateChange((event, session) => {
41 |   console.log('Event', event)
42 |   console.log('User ', session)
43 |   userSession.value = session
44 | })
45 | export { userSession, isLoggedIn, setUserSession, loginWithProvider, logout, loginWithEmail }
46 | 


--------------------------------------------------------------------------------
/components/AppSearchInput.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <input
 4 |       v-model="searchQuery"
 5 |       type="search"
 6 |       autocomplete="off"
 7 |       placeholder="Search Articles"
 8 |       class="block w-full pl-10 pr-3 py-2 truncate leading-5 placeholder-gray-500 border border-gray-500 text-gray-700 focus:border-gray-300 rounded-md focus:outline-none  text-base-content focus:bg-base-100"
 9 |     >
10 |     <ul
11 |       v-if="articles.length"
12 |       class="z-10 absolute w-auto flex-1 top-40 bg-base-100 text-base-content rounded-md border border-gray-300 overflow-hidden"
13 |     >
14 |       <li v-for="article of articles" :key="article.slug">
15 |         <NuxtLink
16 |           :to="{ name: 'blog-slug', params: { slug: article.slug } }"
17 |           class="flex px-4 py-2 items-center leading-5 transition ease-in-out duration-150 hover:text-black"
18 |         >
19 |           {{ article.title }}
20 |         </NuxtLink>
21 |       </li>
22 |     </ul>
23 |   </div>
24 | </template>
25 | <script>
26 | export default {
27 |   data () {
28 |     return {
29 |       searchQuery: '',
30 |       articles: []
31 |     }
32 |   },
33 |   watch: {
34 |     async searchQuery (searchQuery) {
35 |       if (!searchQuery) {
36 |         this.articles = []
37 |         return
38 |       }
39 |       this.articles = await this.$content('articles')
40 |         .limit(6)
41 |         .search(searchQuery)
42 |         .fetch()
43 |     }
44 |   }
45 | }
46 | </script>
47 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "private": true,
 3 |   "scripts": {
 4 |     "dev": "nuxi dev",
 5 |     "build": "nuxi build && esno build-pwa.ts",
 6 |     "start": "node .output/server/index.mjs"
 7 |   },
 8 |   "devDependencies": {
 9 |     "@iconify/vue": "^3.1.3",
10 |     "@intlify/nuxt3": "^0.1.10",
11 |     "@intlify/vite-plugin-vue-i18n": "^3.2.2",
12 |     "@typescript-eslint/eslint-plugin": "^5.11.0",
13 |     "@typescript-eslint/parser": "^5.11.0",
14 |     "autoprefixer": "^10.4.2",
15 |     "eslint": "^8.9.0",
16 |     "eslint-plugin-nuxt": "^3.1.0",
17 |     "esno": "^0.14.1",
18 |     "https-localhost": "^4.7.0",
19 |     "nuxt3": "^3.0.0-27409835.c53c736",
20 |     "postcss": "^8.4.6",
21 |     "tailwindcss": "^3.0.22",
22 |     "typescript": "^4.5.5",
23 |     "vite-plugin-md": "^0.11.8",
24 |     "vite-plugin-pages": "^0.20.2",
25 |     "vite-plugin-pwa": "^0.11.13"
26 |   },
27 |   "dependencies": {
28 |     "@supabase/supabase-js": "^1.30.0",
29 |     "@tailwindcss/typography": "^0.5.1",
30 |     "@vueuse/nuxt": "^7.6.1",
31 |     "daisyui": "^1.25.4",
32 |     "highlight.js": "^11.4.0",
33 |     "markdown-it": "^12.3.2",
34 |     "markdown-it-container": "^3.0.0",
35 |     "markdown-it-deflist": "^2.1.0",
36 |     "markdown-it-emoji": "^2.0.0",
37 |     "markdown-it-footnote": "^3.0.3",
38 |     "markdown-it-ins": "^3.0.1",
39 |     "markdown-it-sub": "^1.0.0",
40 |     "markdown-it-sup": "^1.0.0",
41 |     "theme-change": "^2.0.2",
42 |     "vue3-markdown-it": "^1.0.10"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/components/ReloadPrompt.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import { useRegisterSW } from 'virtual:pwa-register/vue'
 3 | 
 4 | const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW({ immediate: true })
 5 | 
 6 | const close = async() => {
 7 |   offlineReady.value = false
 8 |   needRefresh.value = false
 9 | }
10 | </script>
11 | 
12 | <template>
13 |   <div
14 |       v-if="offlineReady || needRefresh"
15 |       class="pwa-toast"
16 |       role="alert"
17 |   >
18 |     <div class="message">
19 |       <span v-if="offlineReady">
20 |         App ready to work offline
21 |       </span>
22 |       <span v-else>
23 |         New content available, click on reload button to update.
24 |       </span>
25 |     </div>
26 |     <button v-if="needRefresh" @click="updateServiceWorker()">
27 |       Reload
28 |     </button>
29 |     <button @click="close">
30 |       Close
31 |     </button>
32 |   </div>
33 | </template>
34 | 
35 | <style>
36 | .pwa-toast {
37 |   position: fixed;
38 |   right: 0;
39 |   bottom: 0;
40 |   margin: 16px;
41 |   padding: 12px;
42 |   border: 1px solid #8885;
43 |   border-radius: 4px;
44 |   z-index: 100;
45 |   text-align: left;
46 |   box-shadow: 3px 4px 5px 0 #8885;
47 |   background-color: black;
48 | }
49 | .pwa-toast .message {
50 |   color: white;
51 |   margin-bottom: 8px;
52 | }
53 | .pwa-toast button {
54 |   color: white;
55 |   border: 1px solid #8885;
56 |   outline: none;
57 |   margin-right: 5px;
58 |   border-radius: 2px;
59 |   padding: 3px 10px;
60 | }
61 | </style>
62 | 


--------------------------------------------------------------------------------
/plugins/markdownit.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Thanks to [jyotirmaybarman](https://github.com/jyotirmaybarman) for developing this plugin
 3 |  */
 4 | 
 5 | import { defineNuxtPlugin } from '#app'
 6 | 
 7 | 
 8 | import hljs from 'highlight.js'
 9 | import mdit from 'markdown-it'
10 | 
11 | import sub from 'markdown-it-sub'
12 | import sup from 'markdown-it-sup'
13 | import fn from 'markdown-it-footnote'
14 | import emo from 'markdown-it-emoji'
15 | import def from 'markdown-it-deflist'
16 | import ins from 'markdown-it-ins'
17 | import container from 'markdown-it-container'
18 | 
19 | 
20 | const markdownit = new mdit({
21 |   html:         true,
22 |   xhtmlOut:     false,
23 |   breaks:       false,
24 |   langPrefix:   'language-',
25 |   linkify:      true,
26 |   typographer:  true,
27 |   quotes: '“”‘’',
28 |   highlight: function (str, lang) {
29 |     if (lang && hljs.getLanguage(lang)) {
30 |       try {
31 |         return '<pre class="hljs"><code>' +
32 |           hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
33 |           '</code></pre>'
34 |       } catch (error) {console.log(error)}
35 |     }
36 | 
37 |     return '<pre class="hljs"><code>' + mdit.utils.escapeHtml(str) + '</code></pre>'
38 |   }
39 | })
40 |   .use(sub)
41 |   .use(sup)
42 |   .use(fn)
43 |   .use(emo)
44 |   .use(def)
45 |   .use(ins)
46 |   .use(container,'codeblock',{marker:'@'})
47 | 
48 | markdownit.linkify.set({ fuzzyEmail: false })
49 | 
50 | 
51 | export default defineNuxtPlugin(nuxtApp => {
52 |   nuxtApp.provide('mdit',markdownit)
53 | })
54 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | const tailwindTypography =require('@tailwindcss/typography')
 2 | const daisyui= require('daisyui')
 3 | 
 4 | module.exports = {
 5 |   content: [
 6 |     './components/**/*.{vue,js}',
 7 |     './layouts/**/*.vue',
 8 |     './pages/**/*.vue',
 9 |     './plugins/**/*.{js,ts}'
10 |   ],
11 |   theme: {
12 |     extend: {},
13 |   },
14 |   variants: {
15 |     extend: {},
16 |   },
17 |   plugins: [
18 |     tailwindTypography,
19 |     daisyui
20 |   ],
21 |   daisyui: {
22 |     themes: [
23 |       {
24 |         ctw: {
25 |           primary: '#ffb83d',
26 |           'primary-focus': '#db8b00',
27 |           'primary-content': '#ffffff',
28 |           secondary: '#5e9c91',
29 |           'secondary-focus': '#3e655f',
30 |           'secondary-content': '#FFFFFF',
31 |           accent: '#37cdbe',
32 |           'accent-focus': '#2aa79b',
33 |           'accent-content': '#FFFFFF',
34 |           neutral: '#3d4451',
35 |           'neutral-focus': '#2a2e37',
36 |           'neutral-content': '#ffffff',
37 |           'base-100': '#1C202F',
38 |           'base-200': '#30374F',
39 |           'base-300': '#474f6b',
40 |           'base-content': '#E8E8E8',
41 |           info: '#2094f3',
42 |           success: '#009485',
43 |           warning: '#FF9900',
44 |           error: '#ff5724'
45 |         }
46 |       },
47 |       'light',
48 |       'dark',
49 |       'cupcake',
50 |       'bumblebee',
51 |       'emerald',
52 |       'corporate',
53 |       'synthwave',
54 |       'retro',
55 |       'cyberpunk',
56 |       'valentine',
57 |       'halloween',
58 |       'garden',
59 |       'forest',
60 |       'aqua',
61 |       'lofi',
62 |       'pastel',
63 |       'fantasy',
64 |       'wireframe',
65 |       'black',
66 |       'luxury',
67 |       'dracula'
68 |     ]
69 |   }
70 | }
71 | 


--------------------------------------------------------------------------------
/components/blog/BlogList.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="py-10 ">
 3 |     <div class="container mx-auto px-4">
 4 |       <div class="mb-6 flex flex-wrap justify-center">
 5 |         <div class="mb-16 w-full text-center">
 6 |           <h2 class="text-2xl lg:text-5xl font-bold font-heading">
 7 |             Our Blog
 8 |           </h2>
 9 |         </div>
10 |         <div class="flex flex-wrap -mx-3 mb-16">
11 |           <div class="flex flex-wrap w-full">
12 |             <div
13 |               v-for="(post,index) in posts"
14 |               :key="index"
15 |               class="mb-6 w-full md:w-1/2 lg:w-1/4 px-3"
16 |             >
17 |               <nuxt-link :to="post.path">
18 |                 <div class="rounded overflow-hidden transition shadow hover:shadow-lg">
19 |                   <img class="w-full max-h-48 lg:h-30 rounded-t object-cover" :src="post.image" :alt="post.title">
20 |                   <div class="p-6 rounded-b bg-base-100">
21 |                     <span class="text-sm text-opacity-40">{{ formatDate(post.createdAt) }}</span>
22 |                     <h2 class="my-2 text-xl font-bold ">
23 |                       {{ post.title }}
24 |                     </h2>
25 |                     <div class="text-primary font-bold">
26 |                       Read More
27 |                     </div>
28 |                   </div>
29 |                 </div>
30 |               </nuxt-link>
31 |             </div>
32 |           </div>
33 |         </div>
34 |         <div>
35 |           <nuxt-link v-if="more" class="btn" to="blog">
36 |             View More Articles
37 |           </nuxt-link>
38 |         </div>
39 |       </div>
40 |     </div>
41 |   </div>
42 | </template>
43 | 
44 | <script>
45 | 
46 | export default {
47 |   props: ['posts', 'more'],
48 |   methods: {
49 |     formatDate (date) {
50 |       const options = { year: 'numeric', month: 'long', day: 'numeric' }
51 |       return new Date(date).toLocaleDateString('en', options)
52 |     }
53 |   }
54 | }
55 | </script>
56 | 


--------------------------------------------------------------------------------
/components/header/HeaderResponsiveMenu.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="fixed top-0 left-0 z-10">
 3 |     <!--Open button-->
 4 |     <div class="sm:hidden mt-4 ml-4 " @click="isOpen = !isOpen">
 5 |       <!-- Trigger-->
 6 |       <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 7 |         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
 8 |       </svg>
 9 |     </div>
10 | 
11 |     <transition name="menu">
12 |       <div v-if="isOpen" class="fixed top-0 z-10">
13 |         <!-- Outside layer -->
14 |         <div class="fixed top-0 w-screen h-screen bg-gray-800 bg-opacity-70 z-10" @click="isOpen = !isOpen" />
15 |         <!-- menu content -->
16 |         <div class="fixed top-0 relative top-0 max-w-sm h-screen bg-base-100 shadow-2xl z-20" style="min-width: 340px">
17 |           <!--Close button-->
18 |           <div class="absolute right-0 m-4 cursor-pointer" @click="isOpen = !isOpen">
19 |             <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
20 |               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
21 |             </svg>
22 |           </div>
23 | 
24 |           <div class="overflow-auto overscroll-contain bg-base-200 h-full ">
25 |             <slot />
26 |           </div>
27 |         </div>
28 |       </div>
29 |     </transition>
30 |   </div>
31 | </template>
32 | <script>
33 | export default {
34 |   data () { return { isOpen: false } },
35 |   methods: {
36 |     close () { this.isOpen = false }
37 |   }
38 | 
39 | }
40 | </script>
41 | <style>
42 | 
43 | .menu-enter,
44 | .menu-leave-to {
45 |   visibility: hidden;
46 |   height: 0;
47 |   margin: 0;
48 |   padding: 0;
49 |   opacity: 0;
50 |   /*transform: translate3d(-100%, 0, 0);*/
51 | }
52 | 
53 | .menu-enter-active,
54 | .menu-leave-active {
55 |   transition: all 0.3s;
56 | }
57 | </style>
58 | 


--------------------------------------------------------------------------------
/components/MarkdownEditor.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="w-full mx-auto">
 3 |     <div class="bg-gray-50 border border-b-0 border-gray-300 rounded-t-md dark:bg-[#222] dark:border-gray-800" >
 4 |       <button type="button" class="py-2 px-4 inline-block font-semibold text-gray-400 hover:text-black dark:hover:text-white" :class="editing ? 'dark:hover:text-indigo-500 hover:text-indigo-500 text-indigo-500':''" @click="editing=true">Write</button>
 5 |       <button type="button" class="py-2 px-4 inline-block text-gray-400 font-semibold hover:text-black dark:hover:text-white" :class="!editing ? 'dark:hover:text-indigo-500 hover:text-indigo-500 text-indigo-500':''" @click="renderHtml">Preview</button>
 6 |     </div>
 7 |     <div class="w-full relative rounded-b-md shadow-sm border border-gray-300 dark:border-gray-800 h-[500px] overflow-y-auto" >
 8 |       <textarea class="w-full h-full block p-4 outline-none resize-none dark:bg-[#1c1c1c]" v-model="md" v-if="editing" placeholder="# Hello World !!"></textarea>
 9 |       <div class="preview h-max min-h-full p-4 top-0 left-0 prose md:prose-md lg:prose-lg xl:prose-xl block max-w-none prose-indigo leading-6 dark:prose-dark dark:bg-[#1c1c1c]" v-html="rendered" v-else></div>
10 |     </div>
11 |   </div>
12 | </template>
13 | 
14 | <script setup>
15 | import 'highlight.js/styles/qtcreator-dark.css'
16 | let md = ref("");
17 | let rendered = ref("");
18 | const editing = ref(true);
19 | 
20 | function renderHtml(){
21 |   editing.value = false;
22 |   rendered.value = useNuxtApp().$mdit.render(md.value);
23 | }
24 | 
25 | </script>
26 | 
27 | <style lang="postcss" scoped>
28 | /* width */
29 | ::-webkit-scrollbar {
30 |   width: 7px;
31 |   cursor: pointer;
32 | 
33 | }
34 | 
35 | /* Track */
36 | ::-webkit-scrollbar-track {
37 |   background: transparent;
38 |   cursor: pointer;
39 | }
40 | /* Handle */
41 | ::-webkit-scrollbar-thumb {
42 |   background: rgb(0, 102, 255);
43 |   border-radius: 100vw;
44 | }
45 | 
46 | /* Handle on hover */
47 | ::-webkit-scrollbar-thumb:hover {
48 |   background: rgb(0, 36, 241);
49 |   cursor: pointer;
50 | }
51 | </style>
52 | 


--------------------------------------------------------------------------------
/components/header/HeaderMain.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <Title>
 3 |     Top nuxt 3 - Template
 4 |   </Title>
 5 |   <header class="flex relative items-center">
 6 |     <nuxt-link class="hidden sm:block flex " to="/">
 7 |       <Logo class="mx-3 mt-1"/>
 8 |     </nuxt-link>
 9 | 
10 |     <!-- menu-->
11 |     <div
12 |         class="hidden sm:flex sm:mx-auto sm:items-center sm:space-x-6"
13 |     >
14 |       <div v-for="item in menu" :key="item.path">
15 |         <nuxt-link class="menu-link font-bold text-sm hover:text-primary" :to="item.path">
16 |           {{ $t(item.title) }}
17 |         </nuxt-link>
18 |       </div>
19 |     </div>
20 |     <!--    <header-responsive-menu ref="menu" class="relative">-->
21 |     <!--      <div class="p-6">-->
22 |     <!--        <NuxtLink to="/" @click.native="$refs.menu.close">-->
23 |     <!--          <Logo class="mx-3 mt-1" />-->
24 |     <!--        </NuxtLink>-->
25 |     <!--        <div class="mt-10">-->
26 |     <!--          <div v-for="item in menu" :key="item.path" class="mt-3">-->
27 |     <!--            <nuxt-link class="menu-link text-sm" :to="item.path" @click.native="$refs.menu.close" @click="$refs.menu.close()">-->
28 |     <!--              {{item.title}}-->
29 |     <!--            </nuxt-link>-->
30 |     <!--          </div>-->
31 |     <!--        </div>-->
32 |     <!--      </div>-->
33 |     <!--    </header-responsive-menu>-->
34 |     <!-- Place this tag where you want the button to render. -->
35 |     <switch-locale class="ml-auto"/>
36 |     <div class="ml-auto">
37 | 
38 |       <a class="github-button"
39 |          href="https://github.com/ctwhome/top-nuxt3"
40 |          data-size="large" data-show-count="true"
41 |          aria-label="Star ctwhome/top-nuxt3 on GitHub"
42 |          target="_blank"
43 |       >
44 |         Star
45 |       </a>
46 |       <daisyui-theme-switcher class="ml-auto"/>
47 |     </div>
48 |         <user-login-button class="mt-2 pr-4" />
49 |   </header>
50 | </template>
51 | 
52 | <script setup>
53 | const menu = [
54 |   { title: 'blog', path: '/blog'},
55 |   { title: 'about', path: '/about'},
56 |   { title: 'protected', path: '/profile'}
57 | ]
58 | </script>
59 | 
60 | <style scoped>
61 | .menu-link.active{
62 |   @apply underline
63 | }
64 | </style>
65 | 


--------------------------------------------------------------------------------
/pages/profile.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div v-if="user" class="w-11/12">
 4 |       <div class="flex justify-center pb-10">
 5 |         <img
 6 |             :src="user.user_metadata.avatar_url"
 7 |             class="h-40 w-40 rounded-full object-cover"
 8 |             alt="username"
 9 |         >
10 |         <div class="ml-10">
11 |           <div class="flex items-center">
12 |             <h2 class="block leading-relaxed font-light text-gray-700 text-3xl">
13 |               {{ user && user.user_metadata.full_name }}
14 |             </h2>
15 |           </div>
16 |           <ul class="flex justify-content-around items-center">
17 |             <li>
18 |               <span class="block text-base flex"><span
19 |                   class="font-bold mr-2">23 </span> Posts</span>
20 |             </li>
21 |             <li>
22 |               <span class="cursor-pointer block text-base flex ml-5"><span class="font-bold mr-2">102k </span> Followers</span>
23 |             </li>
24 |             <li>
25 |               <span class="cursor-pointer block text-base flex ml-5"><span class="font-bold mr-2">654 </span> followed</span>
26 |             </li>
27 |           </ul>
28 |           <br>
29 |           <div>
30 |             {{ user.email }}
31 |           </div>
32 |           <button
33 |               class=" cursor-pointer mt-5 border-2 border-blue-500 rounded-lg font-bold text-blue-500 px-2 py-2 transition duration-200 ease-in-out hover:bg-blue-500 hover:text-white mr-6"
34 |               depressed
35 |               @click=" logout(); $router.push('/')"
36 |           >
37 |             LOG OUT
38 |           </button>
39 |         </div>
40 |       </div>
41 |       <div class="border-b border-gray-300"/>
42 |     </div>
43 | 
44 |     <pre class="code">
45 |       {{ user }}
46 |     </pre>
47 |   </div>
48 | </template>
49 | <script setup lang="ts">
50 | 
51 | const { user, logout }= useAuth()
52 | 
53 | definePageMeta({
54 |   middleware: 'auth',
55 | });
56 | 
57 | // export default {
58 | //   name: 'App',
59 | //   middleware: ['auth'],
60 | //   setup () {
61 | //     return { user, logout, isLoggedIn }
62 | //   },
63 | //   data () {
64 | //     return {
65 | //       showButton: false
66 | //     }
67 | //   },
68 | //   computed: {
69 | //     version () {
70 | //       return version
71 | //     }
72 | //   },
73 | //   methods: {
74 | //     goBack () {
75 | //       this.$router.go(-1)
76 | //     }
77 | //   }
78 | // }
79 | </script>
80 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container flex flex-col justify-center mx-auto mt-10">
 3 |     <!--    <tutorial class="mt-20" />-->
 4 |     <!--    <blog-list :posts="posts" :more="true" />-->
 5 | 
 6 |     <div class="flex">
 7 | 
 8 |       <div class="w-full bg-base-300 p-4">
 9 |         <h1>{{ $t("welcome") }} Top Nuxt 3</h1>
10 |         <ul class="styled">
11 |           <li>Nuxt 3</li>
12 |           <li>Supabase</li>
13 |           <li>TailwindCSS 3 with DaisyUI</li>
14 |         </ul>
15 |         <h3>Development experience DX</h3>
16 |         <ul class="styled">
17 |           <li>Ultra Fast HMR changes</li>
18 |           <li>Eslint</li>
19 |           <li>Typescript</li>
20 |           <li>Vue `script setup` and Composition API</li>
21 |         </ul>
22 |       </div>
23 |       <div class="w-full p-4 flex flex-col gap-2">
24 |         <strong>Composables</strong>
25 | 
26 |         <div class="flex">
27 |           <p>is user loggedIn: {{ isLoggedIn() }}</p>
28 |         </div>
29 |         <div class="flex">
30 | 
31 |           <div class="btn btn-sm" @click="color = 'red'">change</div>
32 |           <p>Current color: {{ color }}</p>
33 |         </div>
34 |         <div class="flex">
35 |           <div class="btn btn-sm" @click="counter++">plus</div>
36 |           <p>Current counter: {{ counter }}</p>
37 | 
38 |         </div>
39 |       </div>
40 |     </div>
41 | 
42 | <div class="flex gap-8 my-8">
43 |     <div class="card text-center shadow-2xl max-w-[300px]">
44 |       <div class="card-body">
45 |         <h2 class="card-title">Iconify Icons</h2>
46 |         <p class="text-primary">More than 100.000 vector icons</p>
47 | 
48 |         <div class="justify-center card-actions">
49 |           <div class="flex gap-3 mt-3">
50 |             <Icon icon="mdi-light:home" width="48"/>
51 |             <Icon icon="ion:ios-cart" width="48"/>
52 |             <Icon icon="noto:anchor" width="48"/>
53 |             <Icon icon="fxemoji:alien" width="48"/>
54 |           </div>
55 |         </div>
56 |       </div>
57 |     </div>
58 | 
59 |     <!--    <nuxt-img src="large.jpg" sizes="xl:100vw lg:100vw md:100vw sm:100vw xs:100vw" />-->
60 | 
61 |     <!-- Vue Use Demo-->
62 |     <div class="card text-center shadow-2xl max-w-[300px]">
63 |       <div class="card-body">
64 |         <h2 class="card-title">Vue Use Demo</h2>
65 |         <p class="text-primary">Memory usage</p>
66 | 
67 |         <div class="justify-center card-actions">
68 |            <client-only>
69 | 	           <memory-usage-demo/>
70 |            </client-only>
71 |         </div>
72 |       </div>
73 |     </div>
74 |   </div>
75 | </div>
76 | </template>
77 | 
78 | <script setup lang="ts">
79 | import {Icon} from '@iconify/vue'
80 | 
81 | const {user, isLoggedIn, loginWithSocialProvider} = useAuth();
82 | const color = useColor()
83 | const counter = useCounter()
84 | </script>
85 | 


--------------------------------------------------------------------------------
/components/DaisyuiThemeSwitcher.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="dropdown dropdown-end" title="Change Theme">
 3 |     <div tabindex="0" class="m-1 normal-case btn-ghost btn">
 4 |       <svg
 5 |         xmlns="http://www.w3.org/2000/svg"
 6 |         fill="none"
 7 |         viewBox="0 0 24 24"
 8 |         class="inline-block w-6 h-6 stroke-current md:mr-2"
 9 |       >
10 |         <path
11 |           stroke-linecap="round"
12 |           stroke-linejoin="round"
13 |           stroke-width="2"
14 |           d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
15 |         />
16 |       </svg>
17 |       <span class="hidden md:inline">
18 |         {{$t('change-theme')}}
19 |       </span>
20 |       <svg
21 |         xmlns="http://www.w3.org/2000/svg"
22 |         class="inline-block w-4 h-4 ml-1 fill-current"
23 |         viewBox="0 0 1792 1792"
24 |       >
25 |         <path
26 |           d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"
27 |         />
28 |       </svg>
29 |     </div>
30 |     <div
31 |       class="mt-16 overflow-y-auto shadow-2xl top-px dropdown-content h-96 w-52 rounded-b-box bg-base-200 text-base-content"
32 |     >
33 |       <ul class="p-4 menu compact">
34 |         <li v-for="(theme, index) in themes" :key="index">
35 |           <a tabindex="0" :data-set-theme="theme.id" data-act-class="active">{{ theme.name }}</a>
36 |         </li>
37 |       </ul>
38 |     </div>
39 |   </div>
40 | </template>
41 | 
42 | <script>
43 | import { themeChange } from 'theme-change'
44 | 
45 | export default {
46 |   data () {
47 |     return {
48 |       scrolled: false,
49 |       themes: [
50 |         { id: 'light', name: '🌝  light' },
51 |         { id: 'dark', name: '🌚  dark' },
52 |         { id: 'cupcake', name: '🧁  cupcake' },
53 |         { id: 'bumblebee', name: '🐝  bumblebee' },
54 |         { id: 'emerald', name: '✳️  Emerald' },
55 |         { id: 'corporate', name: '🏢  Corporate' },
56 |         { id: 'synthwave', name: '🌃  synthwave' },
57 |         { id: 'retro', name: '👴  retro' },
58 |         { id: 'cyberpunk', name: '🤖  cyberpunk' },
59 |         { id: 'valentine', name: '🌸  valentine' },
60 |         { id: 'halloween', name: '🎃  halloween' },
61 |         { id: 'garden', name: '🌷  garden' },
62 |         { id: 'forest', name: '🌲  forest' },
63 |         { id: 'aqua', name: '🐟  aqua' },
64 |         { id: 'lofi', name: '👓  lofi' },
65 |         { id: 'pastel', name: '🖍  pastel' },
66 |         { id: 'fantasy', name: '🧚‍♀️  fantasy' },
67 |         { id: 'wireframe', name: '📝  Wireframe' },
68 |         { id: 'black', name: '🏴  black' },
69 |         { id: 'luxury', name: '💎  luxury' },
70 |         { id: 'dracula', name: '🧛‍♂️  dracula' }
71 |       ]
72 |     }
73 |   },
74 |   mounted () {
75 |     themeChange(false)
76 |   }
77 | }
78 | </script>
79 | 


--------------------------------------------------------------------------------
/pwaConfiguration.ts:
--------------------------------------------------------------------------------
 1 | import {VitePWAOptions} from 'vite-plugin-pwa'
 2 | 
 3 | const pwaConfiguration: Partial<VitePWAOptions> = {
 4 |   includeManifestIcons: false,
 5 |   includeAssets: [
 6 |     'favicon.ico',
 7 |     'icon.png',
 8 |     'OG-card.png',
 9 |     'robots.txt',
10 |     '/pwa/icon-192x192.png',
11 |     '/pwa/icon-512x512.png'
12 |   ],
13 |   // should be fixed (base + scope), since the root for nuxt is `/_nuxt/` folder and not `/`
14 |   base: '/',
15 |   scope: '/',
16 |   manifest: {
17 |     // should be fixed (id + scope + start_url), since the root for nuxt is `/_nuxt/` folder and not `/`
18 |     id: '/',
19 |     scope: '/',
20 |     start_url: '/',
21 |     background_color: '#f69435',
22 |     theme_color: '#f69435',
23 |     icons: [
24 |       {src: '/pwa/icon-192x192.png', sizes: '192x192', type: 'image/png' },
25 |       {src: '/pwa/icon-512x512.png', sizes: '512x512', type: 'image/png' },
26 |       {src: '/pwa/icon-512x512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' }
27 |     ]
28 |   },
29 |   workbox: {
30 |     navigateFallback: '/',
31 |     globPatterns: ['**/*.{js,mjs,css,html,ico,png,svg}'],
32 |     globIgnores: ['**/sw*', '**/workbox-*', '**/manifest.webmanifest'],
33 |     // for static generation (html files)
34 |     // manifestTransforms: [async(entries) => {
35 |     //   // manifest.webmanifest is added always by pwa plugin, so we remove it.
36 |     //   // EXCLUDE from the sw precache sw and workbox-*
37 |     //   const manifest = entries.filter(({ url }) =>
38 |     //     url !== 'manifest.webmanifest' && !url.endsWith('sw.js') && !url.startsWith('workbox-')
39 |     //   ).map((e) => {
40 |     //     let url = e.url
41 |     //     if (url && url.endsWith('.html')) {
42 |     //       if (url.startsWith('/'))
43 |     //         url = url.slice(1)
44 |     //
45 |     //       e.url = url === 'index.html' ? '/' : `/${url.substring(0, url.lastIndexOf('/'))}`
46 |     //       console.log(`${url} => ${e.url}`)
47 |     //     }
48 |     //
49 |     //     return e
50 |     //   })
51 |     //   return { manifest }
52 |     // }]
53 |   }
54 | }
55 | 
56 | const pwaConfigurationFactory = (
57 |   build: boolean,
58 |   pages?: Array<{ url: string, revision?: string }>,
59 |   siteName = 'Ctw Top-Nuxt3 - Template',
60 |   siteShortName = 'Nuxt Template',
61 |   siteDescription = 'Ctw Nuxt base template with TailwindCss, content RSS, Supabase Auth, Composition API and many other goodies',
62 | ) => {
63 |   const newPwaConfiguration: Partial<VitePWAOptions> = { ...pwaConfiguration }
64 |   newPwaConfiguration.manifest['name'] = siteName
65 |   newPwaConfiguration.manifest['short_name'] = siteShortName
66 |   newPwaConfiguration.manifest['description'] = siteDescription
67 | 
68 |   if (build) {
69 |     newPwaConfiguration.workbox.globDirectory = '.output/public/'
70 |     newPwaConfiguration.outDir = '.output/public/_nuxt/'
71 |     pages && (newPwaConfiguration.workbox.additionalManifestEntries = pages.reduce((acc, me) => {
72 |       acc.push(me)
73 |       return acc
74 |     }, []))
75 |   }
76 |   else {
77 |     newPwaConfiguration.workbox.globDirectory = '.nuxt/dist/client/'
78 |     newPwaConfiguration.outDir = '.nuxt/dist/client/'
79 |   }
80 | 
81 |   return newPwaConfiguration as VitePWAOptions
82 | }
83 | 
84 | export default pwaConfigurationFactory
85 | 


--------------------------------------------------------------------------------
/composables/useAuth.ts:
--------------------------------------------------------------------------------
  1 | import {Provider} from '@supabase/gotrue-js'
  2 | import useSupabase from '~/composables/useSupabase'
  3 | 
  4 | const user = ref(null)
  5 | const {supabase} = useSupabase()
  6 | 
  7 | /**
  8 |    * Listen for login state changes
  9 |    */
 10 | supabase.auth.onAuthStateChange((event, session) => {
 11 |   const { user } = useAuth()
 12 |   user.value = session?.user || null
 13 | })
 14 | 
 15 | export default function useAuth() {
 16 |   /**
 17 |    * Login with email and password
 18 |    */
 19 |   const login = async ({email, password}) => {
 20 |     const {user, error} = await supabase.auth.signIn({email, password})
 21 |     if (error) throw error
 22 |     return user
 23 |   }
 24 | 
 25 |   /**
 26 |    * Login with email (magic)
 27 |    */
 28 |   const loginWithEmail = async ({email}) => {
 29 |     const {user, error} = await supabase.auth.signIn({email})
 30 |     if (error) throw error
 31 |     return user
 32 |   }
 33 | 
 34 | 
 35 |   /**
 36 |    * Login with google, github, etc
 37 |    */
 38 | 
 39 |   const loginWithSocialProvider = async (provider: Provider) => {
 40 |     const {user, error} = await supabase.auth.signIn({provider}, {
 41 |       // redirect to localhost if you are running on dev mode
 42 |       redirectTo:  process.dev ? 'http://localhost:3000': undefined
 43 |     })
 44 |     if (error) throw error
 45 |     return user
 46 |   }
 47 | 
 48 |   /**
 49 |    * Logout
 50 |    */
 51 |   const logout = async () => {
 52 |     const {error} = await supabase.auth.signOut()
 53 |     if (error) throw error
 54 |   }
 55 | 
 56 |   /**
 57 |    * Check if the user is logged in or not
 58 |    */
 59 |   const isLoggedIn = () => {
 60 |     return !!user.value
 61 |   }
 62 | 
 63 |   /**
 64 |    * Register
 65 |    */
 66 |   const register = async ({email, password, ...meta}) => {
 67 |     const {user, error} = await supabase.auth.signUp(
 68 |       {email, password},
 69 |       {
 70 |         // arbitrary meta data is passed as the second argument under a data key
 71 |         // to the Supabase signUp method
 72 |         data: meta,
 73 |         // the to redirect to after the user confirms their email
 74 |         // window.location wouldn't be available if we were rendering server side
 75 |         // but since we're all on the client it will work fine
 76 |         redirectTo: `${window.location.origin}/me?fromEmail=registrationConfirmation"`
 77 |       })
 78 |     if (error) throw error
 79 |     return user
 80 |   }
 81 | 
 82 |   /**
 83 |    * Update user email, password, or meta data
 84 |    */
 85 |   const update = async (data) => {
 86 |     const {user, error} = await supabase.auth.update(data)
 87 |     if (error) throw error
 88 |     return user
 89 |   }
 90 | 
 91 |   /**
 92 |    * Send user an email to reset their password
 93 |    * (ie. support "Forgot Password?")
 94 |    */
 95 |   const sendPasswordRestEmail = async (email) => {
 96 |     const {data, error} = await supabase.auth.api.resetPasswordForEmail(email)
 97 |     if (error) throw error
 98 |     return data
 99 |   }
100 | 
101 |   const resetPassword = async (accessToken, newPassword) => {
102 |     const {user, error} = await supabase.auth.api.updateUser(
103 |       accessToken,
104 |       {password: newPassword}
105 |     )
106 |     if (error) throw error
107 |     return user
108 |   }
109 | 
110 |   return {
111 |     user,
112 |     login,
113 |     loginWithEmail,
114 |     loginWithSocialProvider,
115 |     isLoggedIn,
116 |     logout,
117 |     register,
118 |     update,
119 |     sendPasswordRestEmail,
120 |     resetPassword
121 |     // maybeHandleEmailConfirmation,
122 |   }
123 | }
124 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![](https://user-images.githubusercontent.com/4195550/147338199-cff47e80-f05c-4b3d-afe0-1c7b8aad08e4.png)
 2 | 
 3 | # Top Nuxt 3 Starter Template
 4 | 
 5 | ![Netlify Status](https://api.netlify.com/api/v1/badges/76c6759d-35ef-4432-816a-a45faa514aa7/deploy-status)
 6 | 
 7 | The fastest and most comfortable development experience started template.  
 8 | Everything comes installed for a speedy staring with examples. Simply remove what you don't need and you are good to go :)
 9 | 
10 | With 💚  from  [@ctwhome](https://github.com/ctwhome), inspired by [@antfu vitesse](https://github.com/antfu/vitesse). 
11 | 
12 | ## Features
13 | 
14 | *   [x] [❇️  Nuxt 3](https://v3.nuxtjs.org)
15 |     *   [x] 🔥 The `<script setup>` syntax
16 |     *   [x] 🏎  Zero-config cloud functions and deploy SSR working with Netlify thanks to the new Nuxt 3 Functions
17 |     *   [x] 📥 APIs auto importing - for Composition API, VueUse and custom composables.
18 |     *   [x] ESR, File-based routing, components auto importing, modules, etc.
19 |     *   [x] 🦾 TypeScript
20 |     *   [x] 💻 .env settings environments
21 |     *   [x] ⭐️ Format on save with ESLint (VSCode Settings file and WebStorm)
22 | *   [x] ⚡️ Vite - Instant HMR
23 | *   [x] 📴  PWA - [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) (thanks to [@userquin](https://github.com/userquin) for the contribution)
24 |     *   Offline mode, new content available prompt,
25 |     *   WIP PWA not working correctly.
26 | *   [x] 🎨 [TailwindCSS 3](https://tailwindcss.com/) - JIT engine by default
27 |     *   [x] 👩‍🎨 [DaisyUI](https://daisyui.com) - Theme CSS components for TailwindCSS
28 |     *   [x] [🌈 Theme switcher](https://github.com/saadeghi/theme-change) - Custom theme and 22 themes to choose from.
29 | *   [ ] 📄  Styled Markdown HTML components
30 |     *   [x] Render Vue and HTML from markdown
31 |     *   [ ] Dynamic pages, (Limitation with Vite, I can't import dynamically files based on route params https://vitejs.dev/guide/features.html#glob-import)
32 | *   [x] ✨ All [Iconify](https://iconify.design/) on-demand - +100.000 SVG icons completely customizable
33 |     *   Note that SSR will throw a warning because the SVG are not being processed server side. https://docs.iconify.design/icon-components/vue/#ssr
34 | *   [x] 🌐 Multi-language support with [vue-i18n-next](https://github.com/intlify/vue-i18n-next) thanks to [@intlify/nuxt3](https://github.com/intlify/nuxt3)
35 |     *   [x] YAML, JSON, JSON5 locale files
36 |     *   [ ] Localize routes: (/en/about, /es/about, ...)
37 | *   [ ] 🐘 Supabase - WIP - Full stack development with Auth, Realtime, Storage, and of course PostgreSQL
38 | *   [ ] 🍍 [State Management via Pinia](https://pinia.esm.dev/)
39 | *   [ ] 📤 Feed RSS generator
40 | 
41 | ### Nuxt Modules
42 | 
43 | *   [x] [VueUse](https://github.com/vueuse/vueuse) - a collection of useful composition APIs
44 | *   [ ] [Pinia](https://pinia.esm.dev/) - intuitive, type-safe, light, and flexible Store for Vue.
45 | 
46 | ## Motivation and Personal Opinion
47 | 
48 | Nuxt is awesome, I am trying to use Nuxt 3 as much as I can to at least have the same features working that I have on [top-nuxt](https://github.com/ctwhome/top-nuxt) with Nuxt 2. 
49 | 
50 | ## Installation and running locally
51 | 
52 | ```bash
53 | npx degit ctwhome/top-nuxt3 <directory-name>
54 | yarn install
55 | ```
56 | 
57 | ## Updating fork
58 | 
59 | 1.  Add remote from the original repository in your forked repository:
60 | 
61 | ```shell
62 | git remote add upstream git://github.com/ctwhome/top-nuxt3.git
63 | git fetch upstream
64 | ```
65 | 
66 | 1.  Updating your fork from the original repo to keep up with their changes:  
67 |     `git pull upstream main`
68 | 
69 | Start the development server on [http://localhost:3000](http://localhost:3000)
70 | 
71 | ```bash
72 | yarn dev
73 | ```
74 | 
75 | ## IDE
76 | 
77 | We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https://github.com/johnsoncodehk/volar) to get the best experience (You might want to disable Vetur if you have it).
78 | 
79 | ## Production
80 | 
81 | Build the application for production:
82 | 
83 | ```bash
84 | yarn build
85 | ```
86 | 
87 | Check out the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).
88 | 


--------------------------------------------------------------------------------
/api/todos.ts:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Using Composition API  in Vue 2
  3 |  * https://github.com/vuejs/composition-api
  4 |  */
  5 | 
  6 | /**
  7 |  * Table creation SQL
  8 |  *
  9 |  CREATE TABLE todos (
 10 |   id varchar primary key  NOT NULL,
 11 |   text text,
 12 |   done boolean,
 13 |   created_at TIMESTAMP DEFAULT(now()) NOT NULL
 14 |  )
 15 |  */
 16 | 
 17 | import { reactive, set, computed } from 'vue'
 18 | import { nanoid } from 'nanoid'
 19 | import isequal from 'lodash.isequal'
 20 | import { supabase } from '~/plugins/supabase'
 21 | 
 22 | // Reactive 'global' variable
 23 | const todos = reactive({
 24 |   data: [],
 25 |   error: null,
 26 |   fetching: false
 27 | })
 28 | /**
 29 |  * == REALTIME ==
 30 |  * Listen for realtime changes
 31 |  */
 32 | supabase
 33 |   // ['*', 'tableName']
 34 |   .from('*')
 35 |   // [INSERT | UPDATE | DELETE | *]
 36 |   .on('*', (payload) => {
 37 |     // Check if the payload.new is in the todos.list
 38 |     // if yes, delete it. That means that it comes from outside
 39 |     if (payload.eventType === 'DELETE') {
 40 |       const deletedIdx = todos.data.findIndex(i => i.id === payload.old.id)
 41 |       deletedIdx !== -1 && todos.data.splice(deletedIdx, 1)
 42 |       return
 43 |     }
 44 | 
 45 |     // If the updated element is the same that the one existing in state,
 46 |     // do not update the local state
 47 |     let localIdx = todos.data.findIndex(i => i.id === payload.new.id)
 48 |     const eq = isequal(todos.data[localIdx], payload.new)
 49 |     if (eq) {
 50 |       return
 51 |     }
 52 |     localIdx = localIdx === -1 ? todos.data.length : localIdx
 53 |     set(todos.data, localIdx, payload.new)
 54 |   })
 55 |   .subscribe()
 56 | 
 57 | /**
 58 |  * Retrieve all todo for the signed in user
 59 |  */
 60 | const fetchTodos = async () => {
 61 |   try {
 62 |     todos.fetching = true
 63 |     const { data, count, error } = await supabase
 64 |       .from('todos')
 65 |       .select('*', { count: 'exact' })
 66 |       .order('created_at', { ascending: true })
 67 | 
 68 |     if (error) {
 69 |       console.log('error', error)
 70 |       return
 71 |     }
 72 |     todos.data = data
 73 |   } catch (err) {
 74 |     todos.error = err
 75 |     console.error('Error retrieving data from db', err)
 76 |   } finally {
 77 |     todos.fetching = false
 78 |   }
 79 | }
 80 | /**
 81 |  *  Add a new todo to supabase
 82 |  */
 83 | const addTodo = async (todoText) => {
 84 |   try {
 85 |     if (!todoText) {
 86 |       return
 87 |     }
 88 |     const now = new Date().toISOString().slice(0, -1)
 89 |     const todo = {
 90 |       id: nanoid(), // custom ID
 91 |       text: todoText,
 92 |       done: false,
 93 |       created_at: now
 94 |     }
 95 |     // Update local state
 96 |     todos.data.push(todo)
 97 | 
 98 |     // Save data in DB
 99 |     // Returns the new todo in case it's needed
100 |     await supabase.from('todos').insert(todo).single()
101 |   } catch (err) {
102 |     console.error('Unknown problem inserting to db', err)
103 |     // remove local todo in case of error
104 |     return null
105 |   }
106 | }
107 | 
108 | const doneTodo = async (todo, index) => {
109 |   try {
110 |     // update current state (Optimistic UI)
111 |     todos.data[index].done = !todo.done
112 | 
113 |     // Update database
114 |     const { data, error } = await supabase
115 |       .from('todos')
116 |       .update({ done: todos.data[index].done })
117 |       .match({ id: todo.id })
118 |   } catch (e) {
119 |     console.error(e)
120 |   }
121 | }
122 | 
123 | const removeTodo = async (todo, index) => {
124 |   try {
125 |     // update current state (Optimistic UI)
126 |     todos.data.splice(index, 1)
127 |     // Update database
128 |     await supabase.from('todos').delete().match({ id: todo.id })
129 |   } catch (e) {
130 |     console.error(e)
131 |   }
132 | }
133 | // Workaround for Vue2 to make this property readonly with composition API
134 | // It is important to compute the reactive variables to make
135 | // them readonly. In vue 3 this step is not necessary.
136 | const todosData = computed(() => todos.data)
137 | const todosFetching = computed(() => todos.fetching)
138 | const todosError = computed(() => todos.error)
139 | 
140 | export {
141 |   todosData,
142 |   todosError,
143 |   todosFetching,
144 |   fetchTodos,
145 |   addTodo,
146 |   doneTodo,
147 |   removeTodo
148 | }
149 | 


--------------------------------------------------------------------------------
/components/user/UserLoginForm.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <form class="px-5 py-7">
 4 |       <h1 class="font-bold text-center text-2xl mb-5">
 5 |         Top Nuxt 3 Login
 6 |       </h1>
 7 | 
 8 |       <div class="form-control">
 9 |         <label class="label">
10 |           <span class="label-text">Access with email (no password)</span>
11 |         </label>
12 |         <input v-model="email" type="email" placeholder="Type your email"
13 |                class="input input-bordered">
14 |       </div>
15 | 
16 |       <label for="login-modal" class="btn btn-primary w-full mt-3" @click="accessWithEmail">
17 |         <icon class="mr-2 w-5">
18 |           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="#1362d6">
19 |             <path
20 |                 d="M 2.5371094 6 L 13.810547 16.521484 C 14.477547 17.145484 15.523453 17.145484 16.189453 16.521484 L 27.462891 6 L 2.5371094 6 z M 1 7.3007812 L 1 24 L 29 24 L 29 7.3007812 L 17.554688 17.982422 C 16.837688 18.651422 15.919 18.986328 15 18.986328 C 14.081 18.986328 13.162312 18.651422 12.445312 17.982422 L 1 7.3007812 z"
21 |                 fill="currentColor"/>
22 |           </svg>
23 |         </icon>
24 |         Access with email
25 |       </label>
26 | 
27 |     </form>
28 |     <div class="p-5">
29 |       <label class="label">
30 |         <span class="label-text">Or access with a provider</span>
31 |       </label>
32 |       <div class="flex flex-col gap-3">
33 | 
34 |         <button type="button" class="btn" @click="loginWithSocialProvider('google')">
35 |           <icon class="mr-2 w-4 text-gray-500">
36 |             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
37 |               <path
38 |                   d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z"
39 |                   fill="currentColor"/>
40 |             </svg>
41 |           </icon>
42 |           Google
43 |         </button>
44 | 
45 |         <button type="button" class="btn btn-disabled" @click="loginWithSocialProvider('microsoft')">
46 |           <icon class="mr-2 w-4 text-gray-500">
47 |             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
48 |               <path
49 |                   d="M 5 4 C 4.448 4 4 4.447 4 5 L 4 24 L 24 24 L 24 4 L 5 4 z M 26 4 L 26 24 L 46 24 L 46 5 C 46 4.447 45.552 4 45 4 L 26 4 z M 4 26 L 4 45 C 4 45.553 4.448 46 5 46 L 24 46 L 24 26 L 4 26 z M 26 26 L 26 46 L 45 46 C 45.552 46 46 45.553 46 45 L 46 26 L 26 26 z"
50 |                   fill="currentColor"/>
51 |             </svg>
52 |           </icon>
53 |           Microsoft
54 |         </button>
55 | 
56 |         <button type="button" class="btn btn-disabled" @click="loginWithSocialProvider('github')">
57 |           <icon class="mr-2 w-4 text-gray-500">
58 |             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="#1362d6">
59 |               <path
60 |                   d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
61 |                   fill="currentColor"/>
62 |             </svg>
63 |           </icon>
64 |           Github
65 |         </button>
66 | 
67 | 
68 |       </div>
69 |     </div>
70 |   </div>
71 | </template>
72 | 
73 | <script setup lang="ts">
74 | const {user, isLoggedIn, loginWithEmail, loginWithSocialProvider} = useAuth();
75 | const email = ref('')
76 | 
77 | function accessWithEmail() {
78 |   loginWithEmail(email.value)
79 |   console.log('🎹 login with email:', email.value)
80 | }
81 | </script>
82 | 


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
  1 | import { defineNuxtConfig } from 'nuxt3'
  2 | import Vue from '@vitejs/plugin-vue'
  3 | import Markdown from 'vite-plugin-md'
  4 | import { VitePWA } from 'vite-plugin-pwa'
  5 | import pwaConfigurationFactory from './pwaConfiguration'
  6 | 
  7 | /// //////////////////////////////////////////////
  8 | // Site config
  9 | // Domain where the website will be deployed
 10 | const productionUrl = 'MY-APP-DOMAIN.netlify.app'
 11 | const useLocalSupabase = false
 12 | const siteName = 'Ctw Top-Nuxt3 - Template'
 13 | const siteShortName = 'Nuxt Template'
 14 | const siteDescription = 'Ctw Nuxt base template with TailwindCss, content RSS, Supabase Auth, Composition API and many other goodies'
 15 | const twitterUser = '@ctwhome'
 16 | const isGithubPages = false // true if deployed to github pages
 17 | const githubRepositoryName = 'nuxt'
 18 | /// //////////////////////////////////////////////
 19 | 
 20 | const isDev = process.env.NODE_ENV === 'development'
 21 | 
 22 | export default defineNuxtConfig({
 23 |   // Environment variables
 24 | 
 25 |   publicRuntimeConfig: {
 26 |     supabaseUrl: process.env.SUPABASE_URL,
 27 |     supabasePublicKey: process.env.SUPABASE_PUBLIC_KEY
 28 |   },
 29 | 
 30 | 
 31 |   // env: {
 32 |   //   supabaseUrl: isDev && useLocalSupabase ? 'http://localhost:8000' : process.env.SUPABASE_URL,
 33 |   //   supabaseKey: isDev && useLocalSupabase
 34 |   //     super-secret-jwt-token-with-at-least-32-characters-long
 35 |   // ? 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzdXBhYmFzZSIsImlhdCI6MTYwMzk2ODgzNCwiZXhwIjoyNTUwNjUzNjM0LCJhdWQiOiIiLCJzdWIiOiIiLCJSb2xlIjoicG9zdGdyZXMifQ.magCcozTMKNrl76Tj2dsM7XTl_YH0v0ilajzAvIlw3U'
 36 |   // : process.env.SUPABASE_KEY
 37 |   // },
 38 | 
 39 | 
 40 |   meta: {
 41 |     title: siteName,
 42 |     meta: [
 43 |       { charset: 'utf-8' },
 44 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
 45 |       // required theme-color: pwa
 46 |       { name: 'theme-color', content: '#f69435' },
 47 |       { name: 'format-detection', content: 'telephone=no' },
 48 |       // OG Social Media Cards
 49 |       { hid: 'description', name: 'description', content: siteDescription },
 50 |       { property: 'og:site_name', content: siteName },
 51 |       { hid: 'og:type', property: 'og:type', content: 'website' },
 52 |       { hid: 'og:url', property: 'og:url', content: `https://${productionUrl}` },
 53 |       { hid: 'og:title', property: 'og:title', content: siteName },
 54 |       { hid: 'og:description', property: 'og:description', content: siteDescription },
 55 |       { hid: 'og:image', property: 'og:image', content: `https://${productionUrl}/OG-card.png` },
 56 |       { property: 'og:image:width', content: '740' },
 57 |       { property: 'og:image:height', content: '300' },
 58 |       { name: 'twitter:site', content: twitterUser },
 59 |       { name: 'twitter:card', content: 'summary_large_image' },
 60 |       { hid: 'twitter:url', name: 'twitter:url', content: `https://${productionUrl}` },
 61 |       { hid: 'twitter:title', name: 'twitter:title', content: siteName },
 62 |       { hid: 'twitter:description', name: 'twitter:description', content: siteDescription },
 63 |       {hid: 'twitter:image', name: 'twitter:image', content: `https://${productionUrl}/OG-card.png`}
 64 |     ],
 65 |     link: [
 66 |       {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'},
 67 |       // required manifest, apple-touch-icon and mask-icon: pwa
 68 |       // add manifest.webmanifest only on build?
 69 |       {rel: 'manifest', href: '/manifest.webmanifest'},
 70 |       {rel: 'apple-touch-icon', href: '/pwa/icon-512x512.png', sizes: '180x180'},
 71 |       {rel: 'mask-icon', href: '/pwa/icon-512x512.png', color: '#FFF'},
 72 |     ],
 73 |     scripts: [
 74 |       'https://buttons.github.io/buttons.js'
 75 |     ],
 76 |     htmlAttrs: {
 77 |       'lang': 'en',
 78 |       'data-theme': 'light' // https://daisyui.com/docs/default-themes
 79 |     }
 80 |   },
 81 |   css: ['~/styles/tailwind.css'],
 82 | 
 83 |   // server middleware to serve sw.js, workbox-**.js and manifest.webmanifest
 84 |   serverMiddleware: [
 85 |     { path: '/', handler: '~/server-middleware/sw.js'},
 86 |   ],
 87 | 
 88 |   build: {
 89 |     postcss: {
 90 |       postcssOptions: {
 91 |         plugins: {
 92 |           tailwindcss: {},
 93 |           autoprefixer: {},
 94 |         },
 95 |       },
 96 |     },
 97 |   },
 98 | 
 99 |   buildModules: [
100 |     // Internationalization with https://github.com/intlify/nuxt3
101 |     '@intlify/nuxt3'
102 |   ],
103 | 
104 |   vite: {
105 |     plugins: [
106 |       Vue({
107 |         include: [/\.md$/], // <--
108 |       }),
109 |       Markdown({
110 |         headEnabled: false
111 |       }),
112 |       VitePWA(pwaConfigurationFactory(false, undefined, siteName, siteShortName, siteDescription))
113 |     ]
114 |   }
115 | })
116 | 


--------------------------------------------------------------------------------
/api/useSoftware.ts:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Using Composition API  in Vue 2
  3 |  * https://github.com/vuejs/composition-api
  4 |  */
  5 | 
  6 | /**
  7 |  * Table creation SQL
  8 |  *
  9 |  CREATE TABLE software (
 10 |   id varchar primary key  NOT NULL,
 11 |   text text,
 12 |   done boolean,
 13 |   created_at TIMESTAMP DEFAULT(now()) NOT NULL
 14 |  )
 15 |  */
 16 | 
 17 | import { reactive, set, computed } from 'vue'
 18 | import { nanoid } from 'nanoid'
 19 | import { supabase } from '~/plugins/supabase'
 20 | 
 21 | // Reactive 'global' variable
 22 | const software = reactive({
 23 |   data: [] as array,
 24 |   count: null as null | number,
 25 |   error: null as null | string,
 26 |   fetching: false
 27 | })
 28 | /**
 29 |  * == REALTIME ==
 30 |  * Listen for realtime changes
 31 |  */
 32 | supabase
 33 |   // ['*', 'tableName']
 34 |   .from('software')
 35 |   // [INSERT | UPDATE | DELETE | *]
 36 |   .on('*', (payload) => {
 37 |     // Check if the payload.new is in the software.list
 38 |     // if yes, delete it. That means that it comes from outside
 39 |     if (payload.eventType === 'DELETE') {
 40 |       const deletedIdx = software.data.findIndex(i => i.id === payload.old.id) as number
 41 |       deletedIdx !== -1 && software.data.splice(deletedIdx, 1)
 42 |       return
 43 |     }
 44 | 
 45 |     // If the updated element is the same that the one existing in state,
 46 |     // do not update the local state
 47 |     let localIdx = software.data.findIndex(i => i.id === payload.new.id)
 48 |     const eq = isequal(software.data[localIdx], payload.new)
 49 |     if (eq) {
 50 |       return
 51 |     }
 52 |     localIdx = localIdx === -1 ? software.data.length : localIdx
 53 |     set(software.data, localIdx, payload.new)
 54 |   })
 55 |   .subscribe()
 56 | 
 57 | /**
 58 |  * Retrieve all software for the signed in user
 59 |  */
 60 | const fetchSoftware = async () => {
 61 |   try {
 62 |     software.fetching = true
 63 |     const { data, count, error } = await supabase
 64 |       .from('software')
 65 |       .select('id, title, description, version, mentions', { count: 'exact' })
 66 |       .order('id')
 67 |       .limit(30)
 68 |     if (error) {
 69 |       console.log('error', error)
 70 |       return
 71 |     }
 72 |     software.data = data
 73 |     software.count = count
 74 |   } catch (err) {
 75 |     software.error = err
 76 |     console.error('Error retrieving data from db', err)
 77 |   } finally {
 78 |     software.fetching = false
 79 |   }
 80 | }
 81 | const fetchSoftwareId = async (id) => {
 82 |   try {
 83 |     software.fetching = true
 84 |     const { data, error } = await supabase
 85 |       .from('software')
 86 |       .select('*')
 87 |       .eq('id', id)
 88 |     if (error) {
 89 |       console.log('error', error)
 90 |       return
 91 |     }
 92 |     return data[0]
 93 |   } catch (err) {
 94 |     console.error(`Error retrieving id: ${id} from db`, err)
 95 |     return null
 96 |   }
 97 | }
 98 | const searchText = async (text:string = 'Key') => {
 99 |   try {
100 |     software.fetching = true
101 |     const { data, count, error } = await supabase
102 |       .from('software')
103 |       .select()
104 |       .textSearch('description', text)
105 |     // .limit(30)
106 |     software.fetching = false
107 |     console.log('🎹', data, error)
108 |     software.data = data
109 |     software.count = count
110 |   } catch (err) {
111 |     software.error = err
112 |     console.error('Error searching data from db', err)
113 |   } finally {
114 |     software.fetching = false
115 |   }
116 | }
117 | 
118 | /**
119 |  *  Add a new software to supabase
120 |  */
121 | const addSoftware = async (softwareText) => {
122 |   try {
123 |     if (!softwareText) {
124 |       return
125 |     }
126 |     const now = new Date().toISOString().slice(0, -1)
127 |     const software = {
128 |       id: nanoid(), // custom ID
129 |       text: softwareText,
130 |       done: false,
131 |       created_at: now
132 |     }
133 |     // Update local state
134 |     software.data.push(software)
135 | 
136 |     // Save data in DB
137 |     // Returns the new software in case it's needed
138 |     await supabase.from('software').insert(software).single()
139 |   } catch (err) {
140 |     console.error('Unknown problem inserting to db', err)
141 |     // remove local software in case of error
142 |     return null
143 |   }
144 | }
145 | 
146 | const removeSoftware = async (software, index) => {
147 |   try {
148 |     // update current state (Optimistic UI)
149 |     software.data.splice(index, 1)
150 |     // Update database
151 |     await supabase.from('software').delete().match({ id: software.id })
152 |   } catch (e) {
153 |     console.error(e)
154 |   }
155 | }
156 | // Workaround for Vue2 to make this property readonly with composition API
157 | // It is important to compute the reactive variables to make
158 | // them readonly. In vue 3 this step is not necessary.
159 | const softwareData = computed(() => software.data)
160 | const softwareCount = computed(() => software.count)
161 | const softwareFetching = computed(() => software.fetching)
162 | const softwareError = computed(() => software.error)
163 | 
164 | export {
165 |   softwareData,
166 |   softwareCount,
167 |   softwareError,
168 |   softwareFetching,
169 |   fetchSoftware,
170 |   fetchSoftwareId,
171 |   addSoftware,
172 |   removeSoftware,
173 |   searchText
174 | }
175 | 


--------------------------------------------------------------------------------
/components/FooterMain.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="bg-gray-900">
 3 |     <div class="flex w-full">
 4 |       <div class="w-1/3 flex">
 5 |         <div class="w-1/3 py-1 bg-blue-400" />
 6 |         <div class="w-1/3 py-1 bg-pink-400" />
 7 |         <div class="w-1/3 py-1 bg-green-400" />
 8 |       </div>
 9 |       <div class="w-1/3 flex">
10 |         <div class="w-1/3 py-1 bg-purple-400" />
11 |         <div class="w-1/3 py-1 bg-yellow-400" />
12 |         <div class="w-1/3 py-1 bg-blue-400" />
13 |       </div>
14 |       <div class="w-1/3 flex">
15 |         <div class="w-1/3 py-1 bg-pink-400" />
16 |         <div class="w-1/3 py-1 bg-green-500" />
17 |         <div class="w-1/3 py-1 bg-purple-600" />
18 |       </div>
19 |     </div>
20 |     <div class="container mx-auto px-4">
21 |       <div class="pt-6">
22 |         <div class="relative lg:pb-2 mb-2 flex flex-wrap ">
23 |           <p class="w-full lg:w-auto text-gray-400 text-sm text-center lg:text-left order-last lg:order-first ">
24 |             © {{ new Date().getFullYear() }} MIT License  <a href="https://github.com/ctwhome" target="_blank">@ctwhome</a>
25 |           </p>
26 |           <div
27 |             class="mx-auto"
28 |           >
29 | <!--            <nuxt-link to="/pages/terms" class="mr-6 text-sm text-gray-400 hover:text-gray-300">-->
30 | <!--              Terms of Service-->
31 | <!--            </nuxt-link>-->
32 | <!--            <nuxt-link to="/pages/privacy" class="mr-6 text-sm text-gray-400 hover:text-gray-300">-->
33 | <!--              Police Privacy-->
34 | <!--            </nuxt-link>-->
35 |           </div>
36 | 
37 |           <div>
38 | <!--            <a class="btn btn-ghost  text-gray-400 hover:bg-gray-700 rounded" target="_blank" href="/feed.xml">-->
39 | <!--              <svg width="30" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">-->
40 | <!--                <path d="M5 0C2.25048 0 0 2.25048 0 5V37C0 39.7495 2.25048 42 5 42H37C39.7495 42 42 39.7495 42 37V5C42 2.25048 39.7495 0 37 0H5ZM5 2H37C38.6685 2 40 3.33152 40 5V37C40 38.6685 38.6685 40 37 40H5C3.33152 40 2 38.6685 2 37V5C2 3.33152 3.33152 2 5 2ZM10.4902 7C9.25477 7 8.04067 7.09143 6.85352 7.26758C6.72252 7.28557 6.5964 7.32935 6.48244 7.3964C6.36848 7.46345 6.26894 7.55243 6.18959 7.65819C6.11024 7.76396 6.05265 7.88441 6.02015 8.01257C5.98766 8.14074 5.98089 8.27408 6.00026 8.40487C6.01963 8.53567 6.06474 8.66132 6.13299 8.77457C6.20123 8.88782 6.29126 8.98641 6.39785 9.06464C6.50445 9.14287 6.6255 9.19919 6.754 9.23034C6.8825 9.26148 7.0159 9.26684 7.14648 9.24609C8.23733 9.08424 9.3537 9 10.4902 9C22.9338 9 33 19.0653 33 31.5078C33 32.6454 32.9166 33.7613 32.7539 34.8516C32.7288 34.9838 32.7307 35.1197 32.7594 35.2511C32.7881 35.3826 32.843 35.5069 32.9209 35.6166C32.9988 35.7264 33.098 35.8193 33.2126 35.8898C33.3272 35.9603 33.4549 36.0069 33.588 36.0269C33.721 36.0469 33.8568 36.0398 33.987 36.0061C34.1173 35.9724 34.2394 35.9127 34.3461 35.8307C34.4528 35.7487 34.5418 35.646 34.6078 35.5288C34.6739 35.4115 34.7156 35.2822 34.7305 35.1484C34.9077 33.9607 35 32.7442 35 31.5078C35 17.9844 24.0146 7 10.4902 7ZM10.5039 17C9.20335 17 7.9407 17.1726 6.74023 17.4961C6.6134 17.5302 6.49453 17.589 6.3904 17.669C6.28628 17.7491 6.19894 17.8489 6.13338 17.9627C6.06782 18.0765 6.02531 18.2021 6.00829 18.3323C5.99127 18.4625 6.00007 18.5948 6.03418 18.7217C6.06829 18.8485 6.12705 18.9674 6.20711 19.0715C6.28716 19.1756 6.38694 19.263 6.50074 19.3285C6.61455 19.3941 6.74016 19.4366 6.87039 19.4536C7.00062 19.4706 7.13293 19.4618 7.25977 19.4277C8.2933 19.1492 9.38047 19 10.5039 19C17.4143 19 23 24.6146 23 31.5742C23 32.6721 22.8609 33.7362 22.5996 34.75C22.5617 34.8787 22.5501 35.0137 22.5655 35.1469C22.5809 35.2802 22.6229 35.409 22.6891 35.5257C22.7553 35.6424 22.8443 35.7446 22.9507 35.8262C23.0572 35.9077 23.179 35.9671 23.3089 36.0006C23.4388 36.0342 23.5741 36.0413 23.7068 36.0215C23.8394 36.0016 23.9668 35.9553 24.0812 35.8853C24.1956 35.8153 24.2947 35.7229 24.3727 35.6138C24.4507 35.5046 24.506 35.3809 24.5352 35.25C24.8378 34.0758 25 32.8423 25 31.5742C25 23.5398 18.5015 17 10.5039 17ZM10.5 27C8.02647 27 6 29.0233 6 31.5C6 33.971 8.02371 36 10.5 36C12.9763 36 15 33.971 15 31.5C15 29.0233 12.9735 27 10.5 27ZM10.5 29C11.8985 29 13 30.0987 13 31.5C13 32.891 11.8957 34 10.5 34C9.10429 34 8 32.891 8 31.5C8 30.0987 9.10153 29 10.5 29Z" fill="currentColor" />-->
41 | <!--              </svg>-->
42 | 
43 | <!--            </a>-->
44 |             <a class="btn btn-ghost  text-gray-400 hover:bg-gray-700 rounded" target="_blank" rel="noopener" href="https://github.com/ctwhome/top-nuxt3">
45 |               <svg width="30" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
46 |                 <path d="M23 0C10.3113 0 0 10.3113 0 23C0 35.6887 10.3113 46 23 46C35.6887 46 46 35.6887 46 23C46 10.3113 35.6887 0 23 0ZM23 2C34.6073 2 44 11.3927 44 23C44 23.0714 43.9948 23.1417 43.9941 23.2129C43.3545 23.1539 42.6155 23.0978 41.6758 23.0645C40.3471 23.0173 38.6723 23.031 36.7734 23.125C36.8439 22.6347 36.8932 22.1374 36.8945 21.627C36.9914 19.7543 36.3625 18.0025 35.3398 16.4551C35.5869 15.6014 35.8767 14.5152 35.9492 13.2832C36.0318 11.8789 35.9106 10.3218 34.7832 9.26953L34.4941 9H34.0996C31.4165 9 29.58 10.1232 28.457 11.0137C26.8355 10.386 25.0122 10 23 10C20.9764 10 19.1355 10.3914 17.4473 11.0176C16.3249 10.1267 14.4868 9 11.8008 9H11.4082L11.1191 9.26758C10.021 10.2873 9.91978 11.8018 9.98828 13.1992C10.0487 14.4315 10.3217 15.5521 10.5645 16.4473C9.52449 18.0249 8.90039 19.822 8.90039 21.5996C8.90039 22.1112 8.94797 22.6101 9.01758 23.1016C7.21182 23.0178 5.6021 23.0017 4.32422 23.0469C3.38451 23.0801 2.64544 23.1357 2.00586 23.1953C2.00526 23.13 2 23.0655 2 23C2 11.3927 11.3927 2 23 2ZM12.3965 11.1309C14.4141 11.322 15.932 12.223 16.6348 12.8477L17.1035 13.2617L17.6816 13.0254C19.2631 12.3742 21.027 12 23 12C24.973 12 26.7374 12.3761 28.1992 13.0156L28.7852 13.2734L29.2637 12.8477C29.9667 12.2228 31.4872 11.3216 33.5059 11.1309C33.7743 11.5758 34.0075 12.2087 33.9512 13.166C33.8838 14.3117 33.5773 15.5597 33.3457 16.3008L33.1953 16.7832L33.4941 17.1914C34.4836 18.5407 34.9881 20.0009 34.9023 21.5449L34.9004 21.5723V21.5996C34.9004 24.0951 34.0018 26.0923 32.0879 27.5723C30.174 29.0522 27.1527 30 22.9004 30C18.6481 30 15.6248 29.0522 13.7109 27.5723C11.797 26.0923 10.9004 24.0951 10.9004 21.5996C10.9004 20.1349 11.4293 18.5236 12.4062 17.1914L12.6992 16.793L12.5586 16.3184C12.3269 15.5305 12.0428 14.2541 11.9863 13.1016C11.9393 12.1429 12.1662 11.537 12.3965 11.1309ZM6.88477 24.0215C7.59146 24.0305 8.40146 24.0687 9.21289 24.1094C9.29042 24.4212 9.37882 24.7279 9.48633 25.0273C6.17897 25.0971 3.70473 25.4297 2.17969 25.7148C2.11521 25.2145 2.06385 24.71 2.03516 24.1992C3.16221 24.0923 4.751 23.9942 6.88477 24.0215ZM39.1152 24.0371C41.2475 24.01 42.8357 24.1082 43.9629 24.2148C43.9342 24.7183 43.8837 25.2157 43.8203 25.709C42.2408 25.4192 39.6997 25.0867 36.3066 25.0332C36.4119 24.7397 36.4996 24.4382 36.5762 24.1328C37.4713 24.0848 38.3446 24.0469 39.1152 24.0371ZM9.91211 26.0195C10.5088 27.2153 11.3615 28.283 12.4883 29.1543C14.0288 30.3455 16.0316 31.1778 18.4766 31.623C18.1567 31.9517 17.8658 32.3126 17.6074 32.6934L17.5469 32.6406C17.5524 32.6343 17.0498 32.8859 16.2988 32.9531C15.5479 33.0204 14.6216 33 13.8008 33C12.5758 33 12.0362 32.4212 11.1738 31.3672C10.6963 30.7236 10.1141 30.2023 9.54883 29.8066C8.97002 29.4015 8.47626 29.1155 7.86523 29.0137L7.7832 29H7.69922C7.23255 29 6.78098 29.0338 6.35938 29.5156C6.14857 29.7565 6.00328 30.2026 6.09766 30.5801C6.19204 30.9576 6.43086 31.1896 6.64453 31.332C8.01125 32.2432 8.25279 34.0465 9.10938 35.6504C9.9093 37.2443 11.6357 38 13.4004 38H16V42.8027C8.96781 40.3205 3.66468 34.2046 2.33203 26.7031C3.86293 26.4148 6.42654 26.0681 9.91211 26.0195ZM35.8828 26.0273C39.4455 26.0578 42.081 26.4041 43.6699 26.6973C42.339 34.2015 37.0341 40.3199 30 42.8027V37.5996C30 36.015 29.4796 34.2677 28.5742 32.8105C28.2993 32.3681 27.9759 31.9497 27.6152 31.5742C29.9305 31.1168 31.8324 30.2988 33.3125 29.1543C34.4368 28.2849 35.2876 27.2204 35.8828 26.0273ZM21.6992 32.0996H24.5C25.3128 32.0996 26.1804 32.7474 26.875 33.8652C27.5696 34.9831 28 36.4842 28 37.5996V43.3984C26.3974 43.7892 24.7238 44 23 44C21.2762 44 19.6026 43.7892 18 43.3984V37.5996C18 36.5089 18.4678 35.0113 19.209 33.8887C19.9501 32.766 20.8864 32.0996 21.6992 32.0996ZM10.3086 33.2812C11.1744 34.1793 12.2225 35 13.8008 35C14.5799 35 15.5525 35.0281 16.4766 34.9453C16.4798 34.945 16.483 34.9437 16.4863 34.9434C16.3646 35.2934 16.2737 35.6455 16.1973 36H13.4004C12.1671 36 11.2958 35.5544 10.8945 34.752L10.8867 34.7383L10.8809 34.7266C10.7165 34.4212 10.5006 33.8106 10.3086 33.2812Z" fill="currentColor" />
47 |               </svg>
48 |             </a>
49 |           </div>
50 |         </div>
51 |       </div>
52 |     </div>
53 |   </section>
54 | </template>
55 | 


--------------------------------------------------------------------------------
/content/about.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | myVar: This is a Frontmatter variable!
  3 | ---
  4 | ### This file is being render from a Markdown file, and it contains HTML and Vue components inside it!
  5 | 
  6 | with support for Vue Components:
  7 | <daisyui-theme-switcher class="ml-auto"/>
  8 | 
  9 | 
 10 | and html iframe embeded: 
 11 | 
 12 | <iframe width="560" height="315" src="https://www.youtube.com/embed/NuTU9YFqZqQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 13 | 
 14 | 
 15 | <p className="lead">
 16 |   Until now, trying to style an article, document, or blog post with Tailwind has been a tedious
 17 |   task that required a keen eye for typography and a lot of complex custom CSS.
 18 | </p>
 19 | 
 20 | By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.
 21 | 
 22 | We get lots of complaints about it actually, with people regularly asking us things like:
 23 | 
 24 | > Why is Tailwind removing the default styles on my `h1` elements? How do I disable this? What do you mean I lose all the other base styles too?
 25 | 
 26 | We hear you, but we're not convinced that simply disabling our base styles is what you really want. You don't want to have to remove annoying margins every time you use a `p` element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either — you want them to look _awesome_, not awful.
 27 | 
 28 | The `@tailwindcss/typography` plugin is our attempt to give you what you _actually_ want, without any of the downsides of doing something stupid like disabling our base styles.
 29 | 
 30 | It adds a new `prose` class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:
 31 | 
 32 | ```html
 33 | <article class="prose">
 34 |   <h1>Garlic bread with cheese: What the science tells us</h1>
 35 |   <p>
 36 |     For years parents have espoused the health benefits of eating garlic bread with cheese to their
 37 |     children, with the food earning such an iconic status in our culture that kids will often dress
 38 |     up as warm, cheesy loaf for Halloween.
 39 |   </p>
 40 |   <p>
 41 |     But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
 42 |     springing up around the country.
 43 |   </p>
 44 |   <!-- ... -->
 45 | </article>
 46 | ```
 47 | 
 48 | For more information about how to use the plugin and the features it includes, [read the documentation](https://github.com/tailwindcss/typography/blob/master/README.md).
 49 | 
 50 | ---
 51 | 
 52 | ## What to expect from here on out
 53 | 
 54 | What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like **bold text**, unordered lists, ordered lists, code blocks, block quotes, _and even italics_.
 55 | 
 56 | It's important to cover all of these use cases for a few reasons:
 57 | 
 58 | 1. We want everything to look good out of the box.
 59 | 2. Really just the first reason, that's the whole point of the plugin.
 60 | 3. Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
 61 | 
 62 | Now we're going to try out another header style.
 63 | 
 64 | ### Typography should be easy
 65 | 
 66 | So that's a header for you — with any luck if we've done our job correctly that will look pretty reasonable.
 67 | 
 68 | Something a wise person once told me about typography is:
 69 | 
 70 | > Typography is pretty important if you don't want your stuff to look like trash. Make it good then it won't be bad.
 71 | 
 72 | It's probably important that images look okay here by default as well:
 73 | 
 74 | <figure>
 75 |   <img
 76 |     src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
 77 |     alt=""
 78 |   />
 79 |   <figcaption>
 80 |     Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
 81 |     classical Latin literature from 45 BC, making it over 2000 years old.
 82 |   </figcaption>
 83 | </figure>
 84 | 
 85 | Now I'm going to show you an example of an unordered list to make sure that looks good, too:
 86 | 
 87 | - So here is the first item in this list.
 88 | - In this example we're keeping the items short.
 89 | - Later, we'll use longer, more complex list items.
 90 | 
 91 | And that's the end of this section.
 92 | 
 93 | ## What if we stack headings?
 94 | 
 95 | ### We should make sure that looks good, too.
 96 | 
 97 | Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.
 98 | 
 99 | ### When a heading comes after a paragraph …
100 | 
101 | When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let's see what a more complex list would look like.
102 | 
103 | - **I often do this thing where list items have headings.**
104 | 
105 |   For some reason I think this looks cool which is unfortunate because it's pretty annoying to get the styles right.
106 | 
107 |   I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn't write this way.
108 | 
109 | - **Since this is a list, I need at least two items.**
110 | 
111 |   I explained what I'm doing already in the previous list item, but a list wouldn't be a list if it only had one item, and we really want this to look realistic. That's why I've added this second list item so I actually have something to look at when writing the styles.
112 | 
113 | - **It's not a bad idea to add a third item either.**
114 | 
115 |   I think it probably would've been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it.
116 | 
117 | After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.
118 | 
119 | ## Code should look okay by default.
120 | 
121 | I think most people are going to use [highlight.js](https://highlightjs.org/) or [Prism](https://prismjs.com/) or something if they want to style their code blocks but it wouldn't hurt to make them look _okay_ out of the box, even with no syntax highlighting.
122 | 
123 | Here's what a default `tailwind.config.js` file looks like at the time of writing:
124 | 
125 | ```js
126 | module.exports = {
127 |   purge: [],
128 |   theme: {
129 |     extend: {},
130 |   },
131 |   variants: {},
132 |   plugins: [],
133 | }
134 | ```
135 | 
136 | Hopefully that looks good enough to you.
137 | 
138 | ### What about nested lists?
139 | 
140 | Nested lists basically always look bad which is why editors like Medium don't even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.
141 | 
142 | 1. **Nested lists are rarely a good idea.**
143 |     - You might feel like you are being really "organized" or something but you are just creating a gross shape on the screen that is hard to read.
144 |     - Nested navigation in UIs is a bad idea too, keep things as flat as possible.
145 |     - Nesting tons of folders in your source code is also not helpful.
146 | 2. **Since we need to have more items, here's another one.**
147 |     - I'm not sure if we'll bother styling more than two levels deep.
148 |     - Two is already too much, three is guaranteed to be a bad idea.
149 |     - If you nest four levels deep you belong in prison.
150 | 3. **Two items isn't really a list, three is good though.**
151 |     - Again please don't nest lists if you want people to actually read your content.
152 |     - Nobody wants to look at this.
153 |     - I'm upset that we even have to bother styling this.
154 | 
155 | The most annoying thing about lists in Markdown is that `<li>` elements aren't given a child `<p>` tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.
156 | 
157 | - **For example, here's another nested list.**
158 | 
159 |   But this time with a second paragraph.
160 | 
161 |     - These list items won't have `<p>` tags
162 |     - Because they are only one line each
163 | 
164 | - **But in this second top-level list item, they will.**
165 | 
166 |   This is especially annoying because of the spacing on this paragraph.
167 | 
168 |     - As you can see here, because I've added a second line, this list item now has a `<p>` tag.
169 | 
170 |       This is the second line I'm talking about by the way.
171 | 
172 |     - Finally here's another list item so it's more like a list.
173 | 
174 | - A closing list item, but with no nested list, because why not?
175 | 
176 | And finally a sentence to close off this section.
177 | 
178 | ## There are other elements we need to style
179 | 
180 | I almost forgot to mention links, like [this link to the Tailwind CSS website](https://tailwindcss.com). We almost made them blue but that's so yesterday, so we went with dark gray, feels edgier.
181 | 
182 | We even included table styles, check it out:
183 | 
184 | | Wrestler                | Origin       | Finisher           |
185 | | ----------------------- | ------------ | ------------------ |
186 | | Bret "The Hitman" Hart  | Calgary, AB  | Sharpshooter       |
187 | | Stone Cold Steve Austin | Austin, TX   | Stone Cold Stunner |
188 | | Randy Savage            | Sarasota, FL | Elbow Drop         |
189 | | Vader                   | Boulder, CO  | Vader Bomb         |
190 | | Razor Ramon             | Chuluota, FL | Razor's Edge       |
191 | 
192 | We also need to make sure inline code looks good, like if I wanted to talk about `<span>` elements or tell you the good news about `@tailwindcss/typography`.
193 | 
194 | ### Sometimes I even use `code` in headings
195 | 
196 | Even though it's probably a bad idea, and historically I've had a hard time making it look good. This _"wrap the code blocks in backticks"_ trick works pretty well though really.
197 | 
198 | Another thing I've done in the past is put a `code` tag inside of a link, like if I wanted to tell you about the [`tailwindcss/docs`](https://github.com/tailwindcss/docs) repository. I don't love that there is an underline below the backticks but it is absolutely not worth the madness it would require to avoid it.
199 | 
200 | #### We haven't used an `h4` yet
201 | 
202 | But now we have. Please don't use `h5` or `h6` in your content, Medium only supports two heading levels for a reason, you animals. I honestly considered using a `before` pseudo-element to scream at you if you use an `h5` or `h6`.
203 | 
204 | We don't style them at all out of the box because `h4` elements are already so small that they are the same size as the body copy. What are we supposed to do with an `h5`, make it _smaller_ than the body copy? No thanks.
205 | 
206 | ### We still need to think about stacked headings though.
207 | 
208 | #### Let's make sure we don't screw that up with `h4` elements, either.
209 | 
210 | Phew, with any luck we have styled the headings above this text and they look pretty good.
211 | 
212 | Let's add a closing paragraph here so things end with a decently sized block of text. I can't explain why I want things to end that way but I have to assume it's because I think things will look weird or unbalanced if there is a heading too close to the end of the document.
213 | 
214 | What I've written here is probably long enough, but adding this final sentence can't hurt.
215 | 


--------------------------------------------------------------------------------
/components/Logo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <svg width="150" viewBox="0 0 457 162" fill="none" xmlns="http://www.w3.org/2000/svg">
 3 |     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.861084 81C0.861084 36.7749 38.1997 0.923279 84.2593 0.923279C130.319 0.923279 167.658 36.7749 167.658 81C167.658 125.225 130.319 161.077 84.2593 161.077C38.1997 161.077 0.861084 125.225 0.861084 81ZM161.805 81C161.805 39.8784 127.087 6.54268 84.2593 6.54268C41.432 6.54268 6.71356 39.8784 6.71356 81C6.71356 122.122 41.432 155.457 84.2593 155.457C127.087 155.457 161.805 122.122 161.805 81Z" fill="url(#paint0_linear)" />
 4 |     <path fill-rule="evenodd" clip-rule="evenodd" d="M137.056 90.7577C136.59 94.0503 134.379 95.9918 132.036 96.1661C129.793 96.3329 127.384 94.8831 126.119 91.3736C124.29 86.2771 120.143 71.3321 119.172 67.2578C119.007 66.6283 118.833 66.3945 118.683 66.4056C118.534 66.4168 118.419 66.7708 118.375 67.3171C118.185 71.8233 117.221 85.9143 116.244 92.0586C115.709 95.6526 113.443 97.5489 111.05 97.7268C108.607 97.9085 106.088 96.3681 104.984 92.9455C97.1044 68.5535 96.0242 64.8822 95.9336 64.0004C95.7576 62.2857 97.2123 61.289 98.7078 61.1778C100.104 61.074 101.525 61.7087 101.92 63.1109C109.64 90.3531 109.919 91.1731 110.584 91.1462L110.625 91.1437C111.024 91.1141 111.317 90.5492 111.392 89.8033C111.721 87.231 112.297 80.4412 112.836 74.0838C113.164 70.2175 113.479 66.5112 113.716 64.0107C113.943 61.3282 115.866 60.0005 117.909 59.8485C120.103 59.6854 122.432 60.845 123.117 63.1141C124.221 66.7527 126.318 74.0721 128.084 80.2345C128.988 83.3926 129.806 86.2467 130.359 88.1458C130.594 88.9675 130.873 89.2429 131.122 89.2244C131.82 89.1725 132.119 89.1503 134.865 60.6114C135.018 59.1685 136.194 58.3899 137.44 58.2973C138.985 58.1823 140.681 59.0435 140.842 60.6111C140.937 61.5419 139.493 73.3979 137.056 90.7577ZM48.3322 103.505C57.4746 102.825 62.8407 97.0619 62.58 94.5222C62.4095 92.8616 60.6194 91.5184 58.9301 91.6441C58.0357 91.7106 57.2261 92.1153 56.6258 93.095C54.8644 95.9328 51.2834 97.6264 47.5072 97.9073C37.0233 98.6871 33.646 89.6862 33.2248 85.5836C32.5479 78.9901 36.2977 71.6245 44.6947 70.9998C47.8249 70.767 51.0705 71.6575 53.249 73.8577C54.0895 74.7302 55.024 75.0544 55.9184 74.9879C57.5083 74.8696 58.8088 73.3949 58.6384 71.7343C58.3676 69.0969 52.5401 65.0028 44.64 65.5904C32.5165 66.4923 26.379 76.447 27.3969 86.3616C28.3747 95.8855 35.9603 104.426 48.3322 103.505ZM81.7543 100.222C83.2926 100.108 84.7458 99.1638 84.4713 97.4632C83.9735 94.0132 83.3005 88.4085 82.7164 82.7935L82.6407 82.0612C82.1499 77.2789 81.7138 72.5417 81.4725 69.216C81.3803 68.3171 81.373 68.2461 85.2111 67.9549L86.2851 67.8745C87.4761 67.7858 88.9152 67.6787 90.6124 67.6508L90.8109 67.636C92.3989 67.5178 93.0627 66.19 92.9274 64.8724C92.8173 63.7988 92.0069 62.2365 90.0766 62.4293C87.4191 62.6733 83.5309 63.009 79.566 63.3093L77.4749 63.4643C72.7627 63.8075 68.1366 64.1069 65.4135 64.2646L65.3143 64.272C63.4782 64.4087 62.7152 65.7439 62.8504 67.0615C62.9856 68.379 64.0637 69.6264 65.9494 69.4861C67.1775 69.3947 68.4027 69.2763 69.563 69.1641L69.563 69.1641C70.6063 69.0633 71.5969 68.9675 72.4897 68.9011L73.0756 68.8578C75.4385 68.6866 75.5735 68.7418 75.6665 69.6481C75.9704 71.7972 76.3097 74.9681 76.6694 78.4505L76.8875 80.5717C77.5486 87.0131 78.2251 94.0926 78.5164 97.9063L78.5214 97.9551C78.6917 99.6143 80.2656 100.333 81.7543 100.222Z" fill="black" fill-opacity="0.87" />
 5 |     <path fill-rule="evenodd" clip-rule="evenodd" d="M137.056 90.7577C136.59 94.0503 134.379 95.9918 132.036 96.1661C129.793 96.3329 127.384 94.8831 126.119 91.3736C124.29 86.2771 120.143 71.3321 119.172 67.2578C119.007 66.6283 118.833 66.3945 118.683 66.4056C118.534 66.4168 118.419 66.7708 118.375 67.3171C118.185 71.8233 117.221 85.9143 116.244 92.0586C115.709 95.6526 113.443 97.5489 111.05 97.7268C108.607 97.9085 106.088 96.3681 104.984 92.9455C97.1044 68.5535 96.0242 64.8822 95.9336 64.0004C95.7576 62.2857 97.2123 61.289 98.7078 61.1778C100.104 61.074 101.525 61.7087 101.92 63.1109C109.64 90.3531 109.919 91.1731 110.584 91.1462L110.625 91.1437C111.024 91.1141 111.317 90.5492 111.392 89.8033C111.721 87.231 112.297 80.4412 112.836 74.0838C113.164 70.2175 113.479 66.5112 113.716 64.0107C113.943 61.3282 115.866 60.0005 117.909 59.8485C120.103 59.6854 122.432 60.845 123.117 63.1141C124.221 66.7527 126.318 74.0721 128.084 80.2345C128.988 83.3926 129.806 86.2467 130.359 88.1458C130.594 88.9675 130.873 89.2429 131.122 89.2244C131.82 89.1725 132.119 89.1503 134.865 60.6114C135.018 59.1685 136.194 58.3899 137.44 58.2973C138.985 58.1823 140.681 59.0435 140.842 60.6111C140.937 61.5419 139.493 73.3979 137.056 90.7577ZM48.3322 103.505C57.4746 102.825 62.8407 97.0619 62.58 94.5222C62.4095 92.8616 60.6194 91.5184 58.9301 91.6441C58.0357 91.7106 57.2261 92.1153 56.6258 93.095C54.8644 95.9328 51.2834 97.6264 47.5072 97.9073C37.0233 98.6871 33.646 89.6862 33.2248 85.5836C32.5479 78.9901 36.2977 71.6245 44.6947 70.9998C47.8249 70.767 51.0705 71.6575 53.249 73.8577C54.0895 74.7302 55.024 75.0544 55.9184 74.9879C57.5083 74.8696 58.8088 73.3949 58.6384 71.7343C58.3676 69.0969 52.5401 65.0028 44.64 65.5904C32.5165 66.4923 26.379 76.447 27.3969 86.3616C28.3747 95.8855 35.9603 104.426 48.3322 103.505ZM81.7543 100.222C83.2926 100.108 84.7458 99.1638 84.4713 97.4632C83.9735 94.0132 83.3005 88.4085 82.7164 82.7935L82.6407 82.0612C82.1499 77.2789 81.7138 72.5417 81.4725 69.216C81.3803 68.3171 81.373 68.2461 85.2111 67.9549L86.2851 67.8745C87.4761 67.7858 88.9152 67.6787 90.6124 67.6508L90.8109 67.636C92.3989 67.5178 93.0627 66.19 92.9274 64.8724C92.8173 63.7988 92.0069 62.2365 90.0766 62.4293C87.4191 62.6733 83.5309 63.009 79.566 63.3093L77.4749 63.4643C72.7627 63.8075 68.1366 64.1069 65.4135 64.2646L65.3143 64.272C63.4782 64.4087 62.7152 65.7439 62.8504 67.0615C62.9856 68.379 64.0637 69.6264 65.9494 69.4861C67.1775 69.3947 68.4027 69.2763 69.563 69.1641L69.563 69.1641C70.6063 69.0633 71.5969 68.9675 72.4897 68.9011L73.0756 68.8578C75.4385 68.6866 75.5735 68.7418 75.6665 69.6481C75.9704 71.7972 76.3097 74.9681 76.6694 78.4505L76.8875 80.5717C77.5486 87.0131 78.2251 94.0926 78.5164 97.9063L78.5214 97.9551C78.6917 99.6143 80.2656 100.333 81.7543 100.222Z" fill="url(#paint1_linear)" />
 6 |     <path fill-rule="evenodd" clip-rule="evenodd" d="M230.937 51.2144C230.937 53.265 226.128 57.5635 218.692 57.5635C208.629 57.5635 203.213 50.2679 203.213 42.578C203.213 34.5725 208.993 26.9614 218.854 26.9614C225.279 26.9614 229.644 30.5895 229.644 32.719C229.644 34.0599 228.472 35.1641 227.179 35.1641C226.451 35.1641 225.724 34.8486 225.118 34.0993C223.542 32.2064 220.995 31.2994 218.449 31.2994C211.62 31.2994 207.982 36.9781 207.982 42.3019C207.982 45.6145 209.963 53.0284 218.49 53.0284C221.561 53.0284 224.592 51.8848 226.249 49.7158C226.815 48.9666 227.502 48.6905 228.23 48.6905C229.604 48.6905 230.937 49.8736 230.937 51.2144ZM239.747 55.2763C239.788 56.1045 239.303 57.2875 237.686 57.2875C236.595 57.2875 235.544 56.6171 235.544 55.3552V55.2763C235.666 51.5299 235.706 48.9272 235.706 46.6005C235.706 44.2343 235.666 42.1837 235.585 39.5415V39.4626C235.585 38.2795 236.757 37.688 237.767 37.688C238.777 37.688 239.828 38.2795 239.828 39.5415C239.828 39.626 239.817 39.6992 239.806 39.7672C239.796 39.826 239.788 39.8809 239.788 39.9358V40.0936C239.788 40.1724 239.788 40.2119 239.828 40.2119C239.828 40.2119 239.909 40.1724 239.99 40.0541C241.606 38.319 243.789 37.6486 245.163 37.6486C246.416 37.6486 247.143 38.5556 247.143 39.5415C247.143 40.5274 246.416 41.5527 244.839 41.7104C242.455 41.947 239.788 43.8794 239.667 46.3638C239.626 47.0737 239.626 47.9018 239.626 48.9666C239.626 50.5046 239.667 52.4764 239.747 55.2763ZM259.307 57.5241C263.389 57.5241 265.572 56.2227 267.511 54.2509C267.956 53.8171 268.118 53.3439 268.118 52.8707C268.118 51.7665 267.067 50.82 265.976 50.82C265.491 50.82 265.006 51.0172 264.602 51.451C263.43 52.6735 261.894 53.8565 259.348 53.8565C256.478 53.8565 253.892 51.8848 253.852 48.6116C253.852 48.1778 253.932 47.8623 254.175 47.8623L258.158 47.862C262.378 47.8607 263.119 47.8543 264.117 47.8229C266.703 47.744 267.956 46.2455 267.956 44.392C267.956 41.3949 264.804 37.4119 259.227 37.4119C254.013 37.4119 249.649 41.5526 249.649 47.5863C249.649 53.4622 253.771 57.5241 259.307 57.5241ZM257.46 44.6284L259.216 44.6284C260.621 44.6275 262.036 44.622 262.945 44.5892C263.43 44.5497 263.753 44.1948 263.753 43.7216C263.753 43.1695 262.904 40.8428 259.267 40.8428C255.994 40.8428 254.216 43.6033 254.216 44.2737C254.216 44.5973 254.552 44.6258 257.46 44.6284ZM278.746 57.5241C281.131 57.5241 283.677 56.6959 285.051 55.1579C285.132 55.0791 285.213 55.0396 285.293 55.0396C285.334 55.0396 285.415 55.0791 285.455 55.1579C285.819 55.7495 286.183 56.1833 286.546 56.4593C287.031 56.8537 287.557 57.0508 288.001 57.0508C289.173 57.0508 290.062 55.7889 290.062 54.6847C290.062 54.1326 289.86 53.6199 289.416 53.3044C289.367 53.2686 289.291 53.2355 289.196 53.1941C288.665 52.9624 287.542 52.4717 287.233 49.7947C287.193 49.5581 287.193 49.2426 287.193 48.8876C287.193 47.7046 287.314 46.206 287.395 45.6145L287.409 45.4198L287.409 45.4195C287.445 44.9486 287.476 44.5278 287.476 44.0765C287.476 39.5414 285.051 37.4119 280.606 37.4119C276.524 37.4119 272.967 39.5019 272.967 41.3949C272.967 42.4202 273.856 43.2089 274.907 43.2089C275.392 43.2089 275.958 43.0117 276.402 42.4991C277.17 41.6709 278.544 40.8428 280.363 40.8428C283.111 40.8428 283.232 42.854 283.232 43.3272C283.232 44.1554 282.909 44.6286 282.505 44.668C281.858 44.7075 278.383 45.4567 275.594 46.4032C272.887 47.3102 271.674 49.3214 271.674 51.3327C271.674 54.3692 274.301 57.5241 278.746 57.5241ZM275.594 51.4116C275.594 52.6341 276.686 53.8566 278.747 53.8566C282.02 53.8566 283.435 52.2397 283.435 49.4398C283.435 48.8482 283.354 47.9807 282.869 47.9807H282.828C275.998 48.8088 275.594 50.4651 275.594 51.4116ZM301.216 57.4453C303.318 57.4453 304.652 56.7749 304.652 55.3552C304.652 54.4876 304.005 53.62 302.914 53.62C302.853 53.62 302.803 53.6299 302.752 53.6397C302.702 53.6496 302.651 53.6594 302.591 53.6594C302.267 53.6989 301.944 53.7383 301.661 53.7383C299.466 53.7383 299.286 52.5517 299.277 49.675L299.277 49.4004C299.277 47.912 299.316 46.1786 299.35 44.6943C299.376 43.5829 299.398 42.6112 299.398 41.9865C299.398 41.7499 299.398 41.5527 300.004 41.5527H302.671C303.884 41.5527 304.45 40.6062 304.45 39.6992C304.45 38.7527 303.884 37.8457 302.671 37.8457H299.964C299.559 37.8457 299.398 37.8063 299.398 37.1753C299.398 37.1753 299.479 35.6768 299.479 34.612C299.479 34.0993 299.479 32.2064 297.337 32.2064C296.286 32.2064 295.316 32.798 295.316 33.981V34.0993C295.346 34.4247 295.354 34.7722 295.356 35.1253L295.356 35.4796C295.356 36.3866 295.316 37.1753 295.316 37.1753C295.316 37.7274 295.276 37.8457 294.629 37.8457H293.457C292.245 37.8457 291.638 38.7527 291.638 39.6598C291.638 40.6062 292.285 41.5527 293.457 41.5527H294.669C295.074 41.5527 295.316 41.5921 295.316 42.1048V42.6963C295.316 43.5037 295.299 44.7892 295.28 46.1635L295.28 46.1647V46.1655L295.28 46.1666C295.26 47.5896 295.24 49.1073 295.236 50.288L295.236 50.8561C295.243 52.6548 295.457 57.4453 301.216 57.4453ZM314.23 29.8008C314.23 31.2205 313.139 32.6008 311.401 32.6008C309.825 32.6008 308.572 31.6149 308.572 29.8008C308.572 27.8685 310.269 27.1192 311.401 27.1192C312.856 27.1192 314.23 28.3023 314.23 29.8008ZM311.401 57.4058C312.492 57.4058 313.583 56.7354 313.583 55.3946V55.3157C313.543 53.1467 313.502 50.3468 313.502 47.6257C313.502 44.3131 313.543 41.1977 313.583 39.5808V39.502C313.583 38.24 312.492 37.6091 311.441 37.6091C310.229 37.6091 309.219 38.3189 309.259 39.6203C309.299 40.685 309.299 42.2625 309.299 44.0371C309.299 45.869 309.289 47.9374 309.278 49.9588L309.278 49.9612V49.9632V49.9649V49.9663V49.9675V49.9686V49.9695V49.9702V49.9708V49.9712V49.9716V49.9722V49.9727V49.9734V49.9741V49.9749V49.9758V49.9769V49.978V49.9794V49.9809V49.9826V49.9845V49.9867L309.278 49.9891C309.269 51.9169 309.259 53.8007 309.259 55.3946C309.259 56.7354 310.31 57.4058 311.401 57.4058ZM337.508 55.1974C337.468 56.6171 336.457 57.2875 335.407 57.2875C334.356 57.2875 333.305 56.5776 333.305 55.3157V55.2763C333.345 53.6594 333.386 50.6623 333.386 48.2567L333.385 47.9445C333.38 46.5037 333.343 45.2964 333.305 44.7075C333.143 42.2625 331.729 41.2766 330.032 41.2766C327.566 41.2766 324.616 43.4061 324.495 46.0483C324.465 46.5807 324.457 47.224 324.455 47.9782L324.455 49.0991C324.46 50.6681 324.5 52.663 324.576 55.2763C324.616 56.1044 324.131 57.2875 322.515 57.2875C321.423 57.2875 320.373 56.6171 320.373 55.3551V55.2763C320.494 51.5299 320.534 48.9271 320.534 46.6004C320.534 44.2343 320.494 42.1836 320.413 39.5414V39.4625C320.413 38.2795 321.585 37.6879 322.595 37.6879C323.606 37.6879 324.657 38.2795 324.657 39.5414C324.657 39.6259 324.645 39.6992 324.634 39.7671C324.625 39.826 324.616 39.8809 324.616 39.9358L324.617 40.083C324.619 40.1108 324.626 40.1329 324.657 40.1329C324.697 40.1329 324.778 40.0541 324.859 39.9752C326.354 38.3978 328.496 37.6091 330.597 37.6091C333.992 37.6091 337.266 39.778 337.427 44.1948C337.468 45.6145 337.548 49.1243 337.548 52.0425L337.548 52.8383C337.546 53.7422 337.54 54.5533 337.508 55.1974ZM351.653 67.383C357.068 67.383 362.362 65.1746 362.362 59.8902C362.362 56.6565 359.655 53.7777 353.593 53.7777C347.49 53.7777 347.005 53.6199 347.005 52.9101C347.005 51.3327 349.753 51.0172 351.451 50.9777C356.422 50.7806 359.089 48.1384 359.089 44.3525C359.089 43.1695 359.008 42.7751 358.725 42.0258C358.685 41.9075 358.685 41.8287 358.685 41.7892C358.685 41.6585 358.74 41.6361 358.805 41.6099C358.813 41.6066 358.822 41.6032 358.83 41.5996C358.835 41.5972 358.841 41.5947 358.846 41.592C358.879 41.576 358.911 41.5599 358.942 41.5441C359.138 41.4438 359.311 41.3554 359.695 41.3554C359.816 41.3554 360.018 41.3554 360.221 41.3949C360.382 41.4343 360.503 41.4343 360.665 41.4343C361.797 41.4343 362.362 40.5273 362.362 39.6203C362.362 37.6879 360.665 37.5696 359.493 37.5696C358.644 37.5696 357.957 37.8062 356.785 38.3978C356.583 38.5161 356.381 38.5949 356.139 38.5949C355.977 38.5949 355.735 38.5555 355.452 38.3978C354.078 37.7668 352.502 37.4513 350.966 37.4513H350.885C346.924 37.4513 342.883 39.778 342.883 44.3525C342.883 46.0088 343.732 48.0595 345.308 49.2426C345.631 49.4792 345.752 49.5975 345.752 49.7158C345.752 49.8026 345.622 49.8682 345.441 49.9592C345.375 49.9923 345.302 50.0287 345.227 50.0707C343.651 50.8989 342.923 52.1214 342.923 53.5805C342.923 54.6058 343.57 55.9072 345.146 56.3804C345.429 56.4593 345.51 56.5382 345.51 56.6171C345.51 56.6565 345.429 56.7354 345.308 56.7748C343.368 57.5635 341.751 59.0226 341.751 61.1916C341.751 63.7549 344.338 67.383 351.653 67.383ZM346.844 44.3131C346.844 45.3385 347.328 47.7046 350.925 47.7046C353.31 47.7046 355.33 46.561 355.33 44.2737C355.33 42.4991 354.118 40.8428 351.087 40.8428C348.703 40.8428 346.844 42.3019 346.844 44.3131ZM351.734 63.8733C345.914 63.8733 345.793 61.1522 345.793 60.7973C345.793 60.3241 346.359 57.1298 351.693 57.1298C354.765 57.1298 358.119 57.1298 358.119 60.1269C358.119 63.7155 352.865 63.8733 351.734 63.8733ZM389.803 53.6594C388.591 55.6707 385.883 56.8932 383.418 56.8932C379.336 56.8932 376.871 54.1721 376.871 51.451C376.871 49.4793 378.204 47.468 381.195 46.561C383.701 45.8117 386.974 45.2202 388.672 44.9442C389.157 44.8653 389.318 44.747 389.318 44.4709C389.318 44.3725 389.328 44.2642 389.338 44.156L389.338 44.1554C389.349 44.047 389.359 43.9385 389.359 43.84C389.359 41.671 388.429 39.9753 385.156 39.9753C382.973 39.9753 381.357 40.8823 380.427 41.8682C380.185 42.1442 379.861 42.2625 379.579 42.2625C378.972 42.2625 378.447 41.8287 378.447 41.1978C378.447 39.6992 381.842 38.0035 385.317 38.0035C389.076 38.0035 391.622 39.6203 391.622 44.0371C391.622 44.3921 391.622 44.747 391.581 45.1413C391.46 46.4427 391.379 48.2173 391.379 49.5187C391.379 52.7919 392.026 53.5806 393.643 54.4087C393.966 54.5665 394.087 54.882 394.087 55.1974C394.087 55.7495 393.602 56.4199 392.875 56.4199C392.632 56.4199 390.611 55.8678 390.046 53.6989C390.04 53.6827 390.035 53.668 390.031 53.6547C390.004 53.5705 389.994 53.5411 389.924 53.5411C389.924 53.5411 389.844 53.5806 389.803 53.6594ZM383.377 54.803C380.67 54.803 379.053 53.1467 379.053 51.4904C379.053 48.7299 382.407 47.9412 388.752 46.9553H388.874C389.157 46.9553 389.278 47.0736 389.278 47.3891C389.278 47.6309 389.267 47.8623 389.257 48.0888C389.247 48.3056 389.237 48.5177 389.237 48.7299C389.237 52.0819 387.095 54.803 383.377 54.803ZM216.873 93.9547C216.954 95.3349 215.701 96.0053 214.448 96.0053C213.236 96.0053 212.024 95.3349 212.024 93.9941V93.9547C212.099 91.0984 212.139 85.9639 212.144 81.0771L212.144 77.6814C212.141 75.0883 212.127 72.747 212.064 71.1214C212.064 70.389 211.959 70.3367 210.035 70.333L209.558 70.3327C208.832 70.3327 208.023 70.3503 207.172 70.369H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.172H207.171H207.171H207.171H207.171H207.171H207.171H207.171H207.171H207.171H207.171H207.171C206.224 70.3897 205.224 70.4115 204.224 70.4115C202.688 70.4115 201.92 69.3468 201.92 68.282C201.92 67.2172 202.648 66.1919 204.143 66.1919H204.224C206.438 66.2279 210.201 66.2639 214.038 66.2699L215.741 66.2704C218.971 66.2661 222.141 66.229 224.309 66.1919C225.885 66.1525 226.411 67.4539 226.411 68.3214C226.411 69.3862 225.764 70.4115 224.471 70.4115H224.309C222.935 70.3327 221.763 70.3327 220.793 70.3327L219.919 70.333C216.971 70.3373 216.803 70.3885 216.793 71.0033L216.792 71.1214C216.712 73.803 216.671 77.6283 216.671 81.493L216.672 82.0848C216.678 86.6229 216.757 91.158 216.873 93.9547ZM234.817 96.3208C238.899 96.3208 241.081 95.0194 243.021 93.0476C243.465 92.6138 243.627 92.1406 243.627 91.6674C243.627 90.5632 242.576 89.6167 241.485 89.6167C241 89.6167 240.515 89.8139 240.111 90.2477C238.939 91.4702 237.403 92.6533 234.857 92.6533C231.988 92.6533 229.401 90.6815 229.361 87.4083C229.361 86.9745 229.442 86.659 229.684 86.659L233.668 86.6587C237.887 86.6574 238.628 86.651 239.626 86.6196C242.212 86.5407 243.465 85.0422 243.465 83.1887C243.465 80.1916 240.313 76.2086 234.736 76.2086C229.523 76.2086 225.158 80.3493 225.158 86.383C225.158 92.2589 229.28 96.3208 234.817 96.3208ZM232.969 83.4251L234.725 83.4252C236.13 83.4242 237.545 83.4188 238.454 83.3859C238.939 83.3465 239.262 82.9915 239.262 82.5183C239.262 81.9662 238.414 79.6395 234.776 79.6395C231.503 79.6395 229.725 82.4 229.725 83.0704C229.725 83.394 230.061 83.4226 232.969 83.4251ZM257.085 96.2419C261.813 96.2419 265.248 93.442 265.248 91.7463C265.248 90.6421 264.157 89.6562 262.985 89.6562C262.419 89.6562 261.813 89.8928 261.328 90.5238C260.439 91.7068 258.742 92.3378 257.044 92.3378C251.467 92.3378 251.063 87.0928 251.063 86.2253C251.063 82.6366 253.528 80.0339 256.964 80.0339C258.378 80.0339 259.793 80.5071 260.641 81.5324C261.167 82.1634 261.773 82.4 262.339 82.4C263.47 82.4 264.48 81.4535 264.48 80.3493C264.48 78.7325 261.53 76.248 257.206 76.248C250.861 76.248 246.981 81.0986 246.981 86.4224C246.981 90.6421 249.73 96.2419 257.085 96.2419ZM286.829 93.9941C286.789 95.4138 285.779 96.0842 284.728 96.0842C283.677 96.0842 282.626 95.3744 282.626 94.1124V94.073C282.667 92.4561 282.707 89.5379 282.707 87.1323L282.707 86.8065C282.701 85.4118 282.664 84.2479 282.626 83.662C282.465 80.9803 280.727 79.8761 278.868 79.8761C276.524 79.8761 273.937 81.6113 273.816 84.0957C273.776 84.8056 273.776 85.8309 273.776 87.1323C273.776 88.9463 273.816 91.273 273.897 94.073C273.937 94.9011 273.452 96.0842 271.836 96.0842C270.745 96.0842 269.694 95.4138 269.694 94.1518V94.073C269.815 90.3266 269.856 85.1211 269.856 80.1522L269.855 79.5845C269.854 76.9453 269.841 74.3945 269.831 72.2144L269.831 72.212V72.2102L269.831 72.2061L269.831 72.2003C269.824 70.7994 269.818 69.5519 269.816 68.533L269.815 67.8877C269.815 66.7046 270.906 66.0736 271.957 66.0736C273.008 66.0736 274.018 66.6652 274.018 67.9271C274.009 68.7709 274 69.6646 273.991 70.5584L273.991 70.56L273.991 70.5619C273.96 73.6354 273.928 76.7081 273.897 77.7466C273.897 77.9043 273.897 77.9832 273.978 77.9832C274.006 77.9832 274.035 77.9635 274.092 77.9241L274.125 77.9016C274.141 77.8905 274.159 77.8783 274.18 77.8649C275.473 76.879 277.534 76.2086 279.636 76.2086C283.071 76.2086 286.587 77.9832 286.749 82.9915C286.789 84.4112 286.87 87.921 286.87 90.8393C286.87 92.0618 286.87 93.166 286.829 93.9941ZM307.966 96.0842C309.016 96.0842 310.027 95.4137 310.067 93.9941C310.107 93.1659 310.107 92.0617 310.107 90.8392C310.107 87.921 310.027 84.4112 309.986 82.9915C309.825 78.5747 306.551 76.4057 303.156 76.4057C301.055 76.4057 298.913 77.1944 297.418 78.7719C297.337 78.8507 297.256 78.9296 297.216 78.9296C297.185 78.9296 297.178 78.9074 297.176 78.8797L297.175 78.7324C297.175 78.6775 297.184 78.6226 297.193 78.5638C297.204 78.4958 297.216 78.4226 297.216 78.3381C297.216 77.0761 296.165 76.4846 295.154 76.4846C294.144 76.4846 292.972 77.0761 292.972 78.2592V78.3381C293.053 80.9803 293.093 83.0309 293.093 85.3971C293.093 87.7238 293.053 90.3265 292.932 94.0729V94.1518C292.932 95.4137 293.982 96.0842 295.074 96.0842C296.69 96.0842 297.175 94.9011 297.135 94.0729C297.054 91.273 297.013 89.1829 297.013 87.566C297.013 86.4618 297.013 85.5548 297.054 84.845C297.175 82.2028 300.125 80.0733 302.591 80.0733C304.288 80.0733 305.702 81.0591 305.864 83.5042C305.902 84.0931 305.94 85.3003 305.944 86.7412L305.945 87.0534C305.945 89.459 305.904 92.4561 305.864 94.0729V94.1124C305.864 95.3743 306.915 96.0842 307.966 96.0842ZM335.002 86.2647C335.002 92.2195 330.638 96.2419 324.858 96.2419C319.079 96.2419 314.674 92.2195 314.674 86.2647C314.674 80.5071 319.079 76.2875 324.858 76.2875C330.638 76.2875 335.002 80.5071 335.002 86.2647ZM324.858 92.535C321.504 92.535 318.756 90.1294 318.756 86.2647C318.756 82.3606 321.545 79.9155 324.858 79.9155C328.172 79.9155 330.921 82.3606 330.921 86.2647C330.921 90.1294 328.213 92.535 324.858 92.535ZM344.661 93.9152C344.661 95.2955 343.57 95.9659 342.479 95.9659C341.347 95.9659 340.256 95.2561 340.256 93.8758V93.8364C340.326 91.4566 340.335 86.9668 340.337 82.388L340.337 78.3431C340.336 73.7763 340.327 69.7133 340.256 68.3215C340.216 66.9018 341.307 66.1131 342.479 66.1131C343.57 66.1131 344.661 66.8229 344.661 68.2032V68.282C344.623 70.1153 344.548 75.6755 344.541 81.4942L344.54 83.1773C344.545 87.1118 344.585 91.0156 344.661 93.8364V93.9152ZM360.099 96.2419C365.878 96.2419 370.243 92.2195 370.243 86.2647C370.243 80.5071 365.878 76.2875 360.099 76.2875C354.32 76.2875 349.915 80.5071 349.915 86.2647C349.915 92.2195 354.32 96.2419 360.099 96.2419ZM353.997 86.2647C353.997 90.1294 356.745 92.535 360.099 92.535C363.454 92.535 366.161 90.1294 366.161 86.2647C366.161 82.3606 363.413 79.9155 360.099 79.9155C356.785 79.9155 353.997 82.3606 353.997 86.2647ZM383.337 106.18C388.752 106.18 394.047 103.971 394.047 98.6869C394.047 95.4532 391.339 92.5744 385.277 92.5744C379.174 92.5744 378.689 92.4167 378.689 91.7068C378.689 90.1294 381.438 89.8139 383.135 89.7745C388.106 89.5773 390.773 86.9351 390.773 83.1493C390.773 81.9662 390.692 81.5718 390.409 80.8226C390.369 80.7043 390.369 80.6254 390.369 80.586C390.369 80.4553 390.424 80.4329 390.489 80.4066C390.503 80.4011 390.517 80.3955 390.531 80.3888C390.564 80.3727 390.595 80.3566 390.626 80.3409C390.822 80.2405 390.995 80.1522 391.379 80.1522C391.501 80.1522 391.703 80.1522 391.905 80.1916C392.066 80.231 392.188 80.231 392.349 80.231C393.481 80.231 394.047 79.324 394.047 78.417C394.047 76.4846 392.349 76.3663 391.177 76.3663C390.329 76.3663 389.641 76.6029 388.469 77.1945C388.267 77.3128 388.065 77.3917 387.823 77.3917C387.661 77.3917 387.419 77.3522 387.136 77.1945C385.762 76.5635 384.186 76.248 382.65 76.248H382.569C378.609 76.248 374.567 78.5747 374.567 83.1493C374.567 84.8056 375.416 86.8562 376.992 88.0393C377.315 88.2759 377.437 88.3942 377.437 88.5125C377.437 88.5993 377.306 88.6649 377.125 88.7559C377.059 88.789 376.987 88.8254 376.911 88.8675C375.335 89.6956 374.608 90.9181 374.608 92.3772C374.608 93.4026 375.254 94.7039 376.83 95.1772C377.113 95.256 377.194 95.3349 377.194 95.4138C377.194 95.4532 377.113 95.5321 376.992 95.5715C375.052 96.3602 373.436 97.8194 373.436 99.9883C373.436 102.552 376.022 106.18 383.337 106.18ZM378.528 83.1099C378.528 84.1352 379.013 86.5013 382.61 86.5013C384.994 86.5013 387.015 85.3577 387.015 83.0704C387.015 81.2958 385.802 79.6395 382.771 79.6395C380.387 79.6395 378.528 81.0986 378.528 83.1099ZM383.418 102.67C377.598 102.67 377.477 99.9489 377.477 99.594C377.477 99.1208 378.043 95.9265 383.377 95.9265C386.449 95.9265 389.803 95.9265 389.803 98.9236C389.803 102.512 384.549 102.67 383.418 102.67ZM403.221 68.5975C403.221 70.0172 402.129 71.3974 400.392 71.3974C398.815 71.3974 397.563 70.4115 397.563 68.5975C397.563 66.6651 399.26 65.9159 400.392 65.9159C401.846 65.9159 403.221 67.0989 403.221 68.5975ZM400.392 96.2025C401.483 96.2025 402.574 95.5321 402.574 94.1912V94.1124C402.534 91.9434 402.493 89.1435 402.493 86.4224C402.493 83.1098 402.534 79.9944 402.574 78.3775V78.2986C402.574 77.0367 401.483 76.4057 400.432 76.4057C399.22 76.4057 398.209 77.1156 398.25 78.417C398.29 79.4817 398.29 81.0591 398.29 82.8338C398.29 84.664 398.28 86.7301 398.269 88.7497V88.753V88.7557V88.7581V88.7601V88.7617V88.7631V88.7643V88.7653V88.7661V88.7669V88.7675L398.269 88.7732C398.259 90.7053 398.25 92.5939 398.25 94.1912C398.25 95.5321 399.3 96.2025 400.392 96.2025ZM426.095 91.7463C426.095 93.442 422.66 96.2419 417.931 96.2419C410.576 96.2419 407.828 90.6421 407.828 86.4224C407.828 81.0986 411.708 76.248 418.052 76.248C422.377 76.248 425.327 78.7325 425.327 80.3493C425.327 81.4535 424.317 82.4 423.185 82.4C422.619 82.4 422.013 82.1634 421.488 81.5324C420.639 80.5071 419.224 80.0339 417.81 80.0339C414.375 80.0339 411.91 82.6366 411.91 86.2253C411.91 87.0928 412.314 92.3378 417.891 92.3378C419.588 92.3378 421.286 91.7068 422.175 90.5238C422.66 89.8928 423.266 89.6562 423.832 89.6562C425.004 89.6562 426.095 90.6421 426.095 91.7463ZM436.279 96.3208C438.663 96.3208 441.209 95.4926 442.584 93.9547C442.664 93.8758 442.745 93.8363 442.826 93.8363C442.866 93.8363 442.947 93.8758 442.988 93.9547C443.351 94.5462 443.715 94.98 444.079 95.256C444.564 95.6504 445.089 95.8476 445.534 95.8476C446.706 95.8476 447.595 94.5856 447.595 93.4814C447.595 92.9293 447.393 92.4167 446.948 92.1012C446.899 92.0653 446.823 92.0322 446.729 91.9909C446.198 91.7591 445.074 91.2685 444.766 88.5914C444.725 88.3548 444.725 88.0393 444.725 87.6844C444.725 86.5013 444.847 85.0027 444.928 84.4112L444.942 84.2164C444.977 83.7454 445.008 83.3246 445.008 82.8732C445.008 78.3381 442.584 76.2086 438.138 76.2086C434.056 76.2086 430.5 78.2987 430.5 80.1916C430.5 81.2169 431.389 82.0056 432.44 82.0056C432.925 82.0056 433.49 81.8085 433.935 81.2958C434.703 80.4676 436.077 79.6395 437.896 79.6395C440.644 79.6395 440.765 81.6507 440.765 82.1239C440.765 82.9521 440.442 83.4253 440.037 83.4648C439.391 83.5042 435.915 84.2535 433.127 85.1999C430.419 86.1069 429.207 88.1182 429.207 90.1294C429.207 93.1659 431.833 96.3208 436.279 96.3208ZM433.127 90.2082C433.127 91.4307 434.218 92.6533 436.279 92.6533C439.552 92.6533 440.967 91.0364 440.967 88.2365C440.967 87.6449 440.886 86.7773 440.401 86.7773H440.361C433.531 87.6055 433.127 89.2618 433.127 90.2082ZM454.021 95.9659C455.112 95.9659 456.203 95.2955 456.203 93.9152V93.8364C456.127 91.0156 456.087 87.1118 456.082 83.1773L456.082 81.4942C456.09 75.6755 456.165 70.1153 456.203 68.282V68.2032C456.203 66.8229 455.112 66.1131 454.021 66.1131C452.849 66.1131 451.757 66.9018 451.798 68.3215C451.862 69.5741 451.875 72.9904 451.878 76.9904V83.4841C451.875 87.6716 451.862 91.647 451.798 93.8364V93.8758C451.798 95.2561 452.889 95.9659 454.021 95.9659ZM233.079 130.78C232.432 133.382 230.493 134.802 228.593 134.802C226.775 134.802 224.956 133.501 224.228 130.622C223.178 126.442 221.076 114.256 220.632 110.943C220.551 110.431 220.43 110.234 220.308 110.234C220.187 110.234 220.066 110.51 219.985 110.943C219.46 114.532 217.52 125.732 216.227 130.582C215.499 133.422 213.519 134.802 211.579 134.802C209.599 134.802 207.699 133.422 207.093 130.622C202.855 111.066 202.227 107.797 202.204 107.006L202.203 106.96C202.203 105.58 203.456 104.87 204.668 104.87C205.8 104.87 206.891 105.462 207.093 106.606C211.054 128.828 211.21 129.499 211.748 129.517L211.781 129.518C212.104 129.518 212.387 129.084 212.509 128.492C212.986 126.457 214.01 121.067 214.97 116.02L214.97 116.02C215.553 112.951 216.112 110.009 216.509 108.025C216.914 105.896 218.571 104.949 220.228 104.949C222.006 104.949 223.784 106.014 224.148 107.867C224.735 110.839 225.818 116.81 226.729 121.838L226.729 121.84L226.729 121.84L226.73 121.841L226.73 121.841L226.73 121.843C227.197 124.418 227.619 126.746 227.906 128.295C228.027 128.966 228.229 129.202 228.432 129.202C228.997 129.202 229.24 129.202 233.807 106.566C234.049 105.422 235.059 104.87 236.07 104.87C237.323 104.87 238.616 105.659 238.616 106.921C238.616 107.67 236.474 117.056 233.079 130.78ZM250.053 135.039C255.832 135.039 260.197 131.016 260.197 125.061C260.197 119.304 255.832 115.084 250.053 115.084C244.274 115.084 239.869 119.304 239.869 125.061C239.869 131.016 244.274 135.039 250.053 135.039ZM243.95 125.061C243.95 128.926 246.698 131.332 250.053 131.332C253.407 131.332 256.115 128.926 256.115 125.061C256.115 121.157 253.367 118.712 250.053 118.712C246.739 118.712 243.95 121.157 243.95 125.061ZM267.471 134.881C269.088 134.881 269.573 133.698 269.532 132.87C269.456 130.245 269.416 128.348 269.411 126.854L269.412 125.804C269.413 125.089 269.421 124.49 269.451 123.957C269.573 121.473 272.24 119.54 274.624 119.304C276.2 119.146 276.928 118.121 276.928 117.135C276.928 116.149 276.2 115.242 274.948 115.242C273.574 115.242 271.391 115.912 269.775 117.648C269.694 117.766 269.613 117.805 269.613 117.805C269.573 117.805 269.573 117.766 269.573 117.687V117.529C269.573 117.474 269.581 117.419 269.591 117.361C269.601 117.293 269.613 117.219 269.613 117.135C269.613 115.873 268.562 115.281 267.552 115.281C266.542 115.281 265.37 115.873 265.37 117.056V117.135C265.45 119.777 265.491 121.828 265.491 124.194C265.491 126.521 265.45 129.123 265.329 132.87V132.949C265.329 134.211 266.38 134.881 267.471 134.881ZM285.496 132.712C285.496 134.092 284.404 134.763 283.313 134.763C282.182 134.763 281.091 134.053 281.091 132.672V132.633C281.157 130.348 281.169 126.119 281.171 121.734L281.171 116.685C281.17 112.305 281.159 108.464 281.091 107.118C281.05 105.698 282.141 104.91 283.313 104.91C284.404 104.91 285.496 105.62 285.496 107V107.079C285.455 109.011 285.374 115.084 285.374 121.236L285.375 121.974C285.379 125.909 285.42 129.812 285.496 132.633V132.712ZM300.57 134.96C303.197 134.96 305.379 133.856 306.955 132.199L306.955 132.199C307.036 132.12 307.117 132.042 307.157 132.042C307.238 132.042 307.279 132.12 307.319 132.278C307.885 134.447 308.653 134.763 309.582 134.763C310.754 134.763 311.926 133.856 311.926 132.594C311.926 132.239 311.845 131.884 311.643 131.529C310.512 129.398 310.435 129.213 310.431 116.05L310.431 114.572C310.431 111.259 310.471 108.459 310.552 107.118V106.921C310.552 105.541 309.501 104.87 308.451 104.87C307.279 104.87 306.349 105.699 306.389 106.921C306.43 108.577 306.511 112.6 306.511 117.174C306.511 117.293 306.47 117.332 306.389 117.332C306.349 117.332 306.268 117.332 306.228 117.293C304.733 115.991 302.833 115.163 300.57 115.163C294.993 115.163 290.749 119.304 290.749 125.061C290.749 131.016 294.993 134.96 300.57 134.96ZM294.831 125.061C294.831 128.926 297.418 131.292 300.651 131.292C303.884 131.292 306.47 128.926 306.47 125.061C306.47 121.157 303.884 118.752 300.651 118.752C297.418 118.752 294.831 121.157 294.831 125.061Z" fill="url(#paint2_linear)" />
 7 |     <defs>
 8 |       <linearGradient
 9 |         id="paint0_linear"
10 |         x1="208.478"
11 |         y1="83.4286"
12 |         x2="91.2215"
13 |         y2="-62.8694"
14 |         gradientUnits="userSpaceOnUse"
15 |       >
16 |         <stop stop-color="#456563" />
17 |         <stop offset="0.20711" stop-color="#5A877E" />
18 |         <stop offset="0.440403" stop-color="#FDC343" />
19 |         <stop offset="0.700961" stop-color="#E99877" />
20 |         <stop offset="1" stop-color="#A4574E" />
21 |       </linearGradient>
22 |       <linearGradient
23 |         id="paint1_linear"
24 |         x1="236.07"
25 |         y1="94.1761"
26 |         x2="214.43"
27 |         y2="15.7579"
28 |         gradientUnits="userSpaceOnUse"
29 |       >
30 |         <stop stop-color="#456563" />
31 |         <stop offset="0.20711" stop-color="#5A877E" />
32 |         <stop offset="0.440403" stop-color="#FDC343" />
33 |         <stop offset="0.700961" stop-color="#E99877" />
34 |         <stop offset="1" stop-color="#A4574E" />
35 |       </linearGradient>
36 |       <linearGradient
37 |         id="paint2_linear"
38 |         x1="480.722"
39 |         y1="169.16"
40 |         x2="473.172"
41 |         y2="-42.7243"
42 |         gradientUnits="userSpaceOnUse"
43 |       >
44 |         <stop stop-color="#456563" />
45 |         <stop offset="0.20711" stop-color="#5A877E" />
46 |         <stop offset="0.440403" stop-color="#FDC343" />
47 |         <stop offset="0.694666" stop-color="#E99877" />
48 |         <stop offset="1" stop-color="#A4574E" />
49 |       </linearGradient>
50 |     </defs>
51 |   </svg>
52 | </template>
53 | 


--------------------------------------------------------------------------------
/components/Tutorial.vue:
--------------------------------------------------------------------------------
 1 | <!-- Please remove this file from your project -->
 2 | <template>
 3 |   <div class=" lex items-top justify-center bg-base-200 sm:items-center sm:pt-0">
 4 |     <div class="max-w-4xl mx-auto sm:px-6 lg:px-8">
 5 |       <a
 6 |         class="flex justify-center pt-8 sm:pt-0"
 7 |         href="https://ctwhome.com"
 8 |         target="_blank"
 9 |         rel="noopener"
10 |       >
11 |         <svg width="310" height="64" viewBox="0 0 360 114" fill="none" xmlns="http://www.w3.org/2000/svg">
12 |           <circle cx="57" cy="57" r="55" stroke="#8D8F99" stroke-width="4" />
13 |           <path d="M41.3766 65.7054C41.2742 64.5348 40.0477 63.6014 38.8771 63.7038C38.2574 63.758 37.6932 64.0502 37.2684 64.7465C36.0225 66.7636 33.5277 67.9879 30.9112 68.2168C23.6467 68.8524 21.3935 62.5274 21.1405 59.6354C20.7338 54.9876 23.3986 49.7588 29.2171 49.2497C31.386 49.06 33.6243 49.6621 35.1116 51.1972C35.6853 51.8061 36.3291 52.0273 36.9488 51.9731C38.0505 51.8767 38.9646 50.8254 38.8622 49.6548C38.6995 47.7957 34.7041 44.9536 29.23 45.4325C20.8295 46.1674 16.4875 53.2429 17.099 60.2319C17.6863 66.9454 22.857 72.9111 31.4297 72.161C37.7645 71.6068 41.5332 67.4957 41.3766 65.7054ZM52.0284 68.2774C52.1308 69.4479 53.2149 69.9429 54.2478 69.8525C55.315 69.7591 56.3311 69.0805 56.1568 67.8815C55.8307 65.3428 55.3943 61.1486 55.0329 57.0171C54.7377 53.6431 54.4799 50.3006 54.344 47.9534C54.2837 47.2648 54.2837 47.2648 57.6922 46.9666C58.5184 46.8944 59.5169 46.807 60.6935 46.7734C60.7279 46.7704 60.7623 46.7674 60.8312 46.7614C61.9329 46.665 62.4054 45.7217 62.3241 44.7921C62.2578 44.0347 61.7109 42.9377 60.3712 43.0896C58.4118 43.2957 55.4883 43.5862 52.5619 43.8422C48.9814 44.1555 45.3289 44.4403 43.2602 44.5866C43.2258 44.5896 43.2258 44.5896 43.1913 44.5926C41.9175 44.7041 41.3761 45.6534 41.4574 46.583C41.5387 47.5126 42.2742 48.3849 43.5825 48.2705C45.2006 48.1289 46.8128 47.9185 48.121 47.804C50.1523 47.6263 50.2556 47.6173 50.3158 48.3058C50.5443 50.1245 50.7943 52.9821 51.0594 56.0118C51.457 60.5563 51.8593 65.5515 52.0254 68.2429L52.0284 68.2774ZM92.204 62.9932C94.0478 50.759 95.1556 42.4054 95.0984 41.7513C95.002 40.6496 93.8401 40.0574 92.7728 40.1507C91.9121 40.226 91.0935 40.7834 90.9743 41.7999C88.8128 61.9022 88.6063 61.9202 88.1243 61.9624C87.9521 61.9775 87.7619 61.786 87.6074 61.2097C86.535 57.2793 83.9461 47.5145 82.8453 43.6559C82.3939 42.0649 80.7977 41.2678 79.2828 41.4003C77.8713 41.5238 76.532 42.4736 76.3504 44.3629C75.8558 49.0202 74.9094 59.6147 74.5052 62.5295C74.4471 63.0549 74.2393 63.4547 73.9638 63.4788C73.4818 63.521 73.3949 63.3205 68.2201 43.8253C67.9606 42.8419 66.9858 42.4068 66.0218 42.4912C64.989 42.5815 63.9759 43.2946 64.0814 44.4996C64.1356 45.1193 64.8465 47.6937 70.0545 64.7922C70.7847 67.1915 72.5083 68.2549 74.1953 68.1073C75.8479 67.9627 77.4294 66.6101 77.8323 64.0771C78.5635 59.746 79.3606 49.8237 79.5341 46.6516C79.5698 46.2668 79.652 46.0168 79.7553 46.0077C79.8586 45.9987 79.977 46.1618 80.085 46.6034C80.7167 49.4622 83.4377 59.944 84.6521 63.5151C85.4917 65.9742 87.1404 66.9748 88.6897 66.8392C90.3078 66.6976 91.852 65.3136 92.204 62.9932Z" fill="#8D8F99" />
14 |           <path fill-rule="evenodd" clip-rule="evenodd" d="M166.505 31.0579C166.505 32.855 162.393 36.622 156.034 36.622C147.428 36.622 142.797 30.2284 142.797 23.4892C142.797 16.4735 147.739 9.80347 156.172 9.80347C161.667 9.80347 165.4 12.983 165.4 14.8492C165.4 16.0243 164.397 16.9919 163.291 16.9919C162.669 16.9919 162.047 16.7155 161.529 16.0588C160.181 14.3999 158.004 13.6051 155.826 13.6051C149.986 13.6051 146.875 18.5817 146.875 23.2473C146.875 26.1503 148.569 32.6476 155.861 32.6476C158.488 32.6476 161.08 31.6454 162.497 29.7446C162.98 29.0879 163.568 28.846 164.19 28.846C165.365 28.846 166.505 29.8828 166.505 31.0579ZM174.04 34.6175C174.074 35.3433 173.659 36.3801 172.277 36.3801C171.344 36.3801 170.445 35.7926 170.445 34.6867V34.6175C170.549 31.3343 170.584 29.0534 170.584 27.0143C170.584 24.9407 170.549 23.1436 170.48 20.8281V20.759C170.48 19.7222 171.482 19.2038 172.346 19.2038C173.21 19.2038 174.109 19.7222 174.109 20.8281C174.109 20.9022 174.099 20.9663 174.09 21.0259C174.082 21.0775 174.074 21.1256 174.074 21.1737V21.3119C174.074 21.3811 174.074 21.4156 174.109 21.4156C174.109 21.4156 174.178 21.3811 174.247 21.2774C175.629 19.7567 177.496 19.1692 178.671 19.1692C179.742 19.1692 180.364 19.9641 180.364 20.8281C180.364 21.6921 179.742 22.5907 178.394 22.7289C176.355 22.9363 174.074 24.6297 173.97 26.807C173.936 27.4291 173.936 28.1548 173.936 29.0879C173.936 30.4358 173.97 32.1638 174.04 34.6175ZM190.767 36.5875C194.257 36.5875 196.123 35.447 197.782 33.719C198.162 33.3388 198.301 32.9241 198.301 32.5094C198.301 31.5417 197.402 30.7123 196.469 30.7123C196.054 30.7123 195.64 30.8851 195.294 31.2652C194.292 32.3366 192.978 33.3734 190.801 33.3734C188.347 33.3734 186.136 31.6454 186.101 28.7769C186.101 28.3967 186.17 28.1203 186.377 28.1203L189.784 28.12C193.392 28.1188 194.026 28.1132 194.879 28.0857C197.091 28.0166 198.162 26.7033 198.162 25.079C198.162 22.4524 195.467 18.9619 190.697 18.9619C186.239 18.9619 182.507 22.5907 182.507 27.8783C182.507 33.0278 186.032 36.5875 190.767 36.5875ZM189.186 25.2861L190.688 25.2862C191.89 25.2854 193.099 25.2806 193.877 25.2518C194.292 25.2172 194.568 24.9062 194.568 24.4915C194.568 24.0076 193.842 21.9686 190.732 21.9686C187.933 21.9686 186.412 24.3878 186.412 24.9753C186.412 25.2589 186.699 25.2839 189.186 25.2861ZM207.39 36.5875C209.429 36.5875 211.606 35.8617 212.781 34.5139C212.85 34.4447 212.92 34.4102 212.989 34.4102C213.023 34.4102 213.092 34.4447 213.127 34.5139C213.438 35.0323 213.749 35.4124 214.06 35.6543C214.475 35.9999 214.924 36.1727 215.304 36.1727C216.306 36.1727 217.067 35.0668 217.067 34.0991C217.067 33.6153 216.894 33.166 216.514 32.8895C216.472 32.8581 216.407 32.8291 216.326 32.7929C215.872 32.5898 214.912 32.1598 214.648 29.8137C214.613 29.6063 214.613 29.3299 214.613 29.0188C214.613 27.982 214.717 26.6687 214.786 26.1503L214.798 25.9797C214.828 25.5669 214.855 25.1981 214.855 24.8025C214.855 20.8281 212.781 18.9619 208.98 18.9619C205.489 18.9619 202.448 20.7935 202.448 22.4524C202.448 23.351 203.208 24.0422 204.107 24.0422C204.521 24.0422 205.005 23.8694 205.385 23.4201C206.042 22.6943 207.217 21.9686 208.772 21.9686C211.122 21.9686 211.226 23.7311 211.226 24.1459C211.226 24.8716 210.95 25.2863 210.604 25.3209C210.051 25.3555 207.079 26.0121 204.694 26.8415C202.379 27.6364 201.342 29.399 201.342 31.1615C201.342 33.8227 203.588 36.5875 207.39 36.5875ZM204.694 31.2307C204.694 32.302 205.627 33.3734 207.39 33.3734C210.189 33.3734 211.399 31.9564 211.399 29.5027C211.399 28.9843 211.33 28.2239 210.915 28.2239H210.881C205.04 28.9497 204.694 30.4012 204.694 31.2307ZM226.605 36.5183C228.402 36.5183 229.543 35.9308 229.543 34.6867C229.543 33.9263 228.99 33.166 228.057 33.166C228.005 33.166 227.962 33.1747 227.919 33.1833C227.875 33.1919 227.832 33.2006 227.78 33.2006C227.504 33.2351 227.227 33.2697 226.985 33.2697C225.109 33.2697 224.954 32.2298 224.947 29.7088L224.946 29.4681C224.946 28.1638 224.98 26.6447 225.009 25.3439C225.031 24.3699 225.05 23.5183 225.05 22.9708C225.05 22.7635 225.05 22.5907 225.569 22.5907H227.849C228.886 22.5907 229.37 21.7612 229.37 20.9663C229.37 20.1369 228.886 19.342 227.849 19.342H225.534C225.188 19.342 225.05 19.3075 225.05 18.7545C225.05 18.7545 225.119 17.4412 225.119 16.5081C225.119 16.0588 225.119 14.3999 223.288 14.3999C222.389 14.3999 221.56 14.9183 221.56 15.9551V16.0588C221.585 16.3439 221.592 16.6485 221.594 16.9579L221.594 17.2684C221.594 18.0633 221.56 18.7545 221.56 18.7545C221.56 19.2383 221.525 19.342 220.972 19.342H219.97C218.933 19.342 218.415 20.1369 218.415 20.9318C218.415 21.7612 218.968 22.5907 219.97 22.5907H221.007C221.352 22.5907 221.56 22.6252 221.56 23.0745V23.5929C221.56 24.3008 221.545 25.4281 221.529 26.6332L221.529 26.6359C221.512 27.8824 221.494 29.2118 221.491 30.246L221.491 30.7439C221.497 32.3201 221.68 36.5183 226.605 36.5183ZM237.734 12.2918C237.734 13.5359 236.801 14.7455 235.314 14.7455C233.967 14.7455 232.895 13.8815 232.895 12.2918C232.895 10.5983 234.347 9.94171 235.314 9.94171C236.559 9.94171 237.734 10.9785 237.734 12.2918ZM235.314 36.4838C236.248 36.4838 237.181 35.8963 237.181 34.7212V34.6521C237.146 32.7513 237.112 30.2975 237.112 27.9129C237.112 25.0099 237.146 22.2796 237.181 20.8627V20.7935C237.181 19.6876 236.248 19.1347 235.349 19.1347C234.312 19.1347 233.448 19.7567 233.483 20.8972C233.517 21.8303 233.517 23.2127 233.517 24.7679C233.517 26.3766 233.508 28.1932 233.499 29.968C233.491 31.6631 233.483 33.32 233.483 34.7212C233.483 35.8963 234.381 36.4838 235.314 36.4838ZM257.64 34.5484C257.606 35.7926 256.742 36.3801 255.843 36.3801C254.945 36.3801 254.046 35.758 254.046 34.6521V34.6175C254.081 33.2006 254.115 30.574 254.115 28.4659L254.115 28.1923C254.11 26.9296 254.078 25.8716 254.046 25.3555C253.908 23.2127 252.698 22.3487 251.247 22.3487C249.138 22.3487 246.616 24.215 246.512 26.5305C246.486 26.9971 246.479 27.5608 246.478 28.2218L246.478 29.2041C246.482 30.5791 246.517 32.3274 246.581 34.6175C246.616 35.3433 246.201 36.3801 244.818 36.3801C243.885 36.3801 242.987 35.7926 242.987 34.6867V34.6175C243.09 31.3343 243.125 29.0534 243.125 27.0143C243.125 24.9407 243.09 23.1436 243.021 20.8281V20.759C243.021 19.7222 244.024 19.2038 244.888 19.2038C245.752 19.2038 246.65 19.7222 246.65 20.8281C246.65 20.9022 246.64 20.9663 246.631 21.0258L246.631 21.0259C246.623 21.0775 246.616 21.1256 246.616 21.1737L246.616 21.3028C246.618 21.3271 246.624 21.3465 246.65 21.3465C246.685 21.3465 246.754 21.2774 246.823 21.2083L246.823 21.2083C248.102 19.8259 249.933 19.1347 251.73 19.1347C254.633 19.1347 257.433 21.0355 257.571 24.9062C257.606 26.1503 257.675 29.2262 257.675 31.7836L257.674 32.481C257.673 33.2731 257.667 33.9839 257.64 34.5484ZM269.736 45.2275C274.367 45.2275 278.895 43.2921 278.895 38.6611C278.895 35.8271 276.579 33.3043 271.395 33.3043C266.177 33.3043 265.762 33.166 265.762 32.5439C265.762 31.1615 268.112 30.8851 269.563 30.8505C273.814 30.6777 276.095 28.3622 276.095 25.0444C276.095 24.0076 276.026 23.662 275.784 23.0054C275.75 22.9017 275.75 22.8326 275.75 22.798C275.75 22.6835 275.797 22.6639 275.853 22.6408C275.864 22.6361 275.876 22.6312 275.888 22.6252C275.916 22.6111 275.943 22.5971 275.969 22.5832C276.137 22.4953 276.285 22.4179 276.614 22.4179C276.717 22.4179 276.89 22.4179 277.063 22.4524C277.201 22.487 277.305 22.487 277.443 22.487C278.411 22.487 278.895 21.6921 278.895 20.8972C278.895 19.2038 277.443 19.1001 276.441 19.1001C275.715 19.1001 275.128 19.3075 274.125 19.8259C273.953 19.9295 273.78 19.9987 273.572 19.9987C273.434 19.9987 273.227 19.9641 272.985 19.8259C271.81 19.2729 270.462 18.9964 269.149 18.9964H269.08C265.693 18.9964 262.237 21.0355 262.237 25.0444C262.237 26.4959 262.962 28.2931 264.31 29.3299C264.587 29.5372 264.69 29.6409 264.69 29.7446C264.69 29.8206 264.579 29.8781 264.424 29.9579C264.368 29.9869 264.306 30.0188 264.241 30.0556C262.893 30.7814 262.271 31.8527 262.271 33.1315C262.271 34.03 262.824 35.1705 264.172 35.5852C264.414 35.6543 264.483 35.7235 264.483 35.7926C264.483 35.8271 264.414 35.8963 264.31 35.9308C262.651 36.622 261.269 37.9007 261.269 39.8015C261.269 42.0479 263.481 45.2275 269.736 45.2275ZM265.624 25.0099C265.624 25.9084 266.038 27.982 269.114 27.982C271.153 27.982 272.881 26.9798 272.881 24.9753C272.881 23.4201 271.844 21.9686 269.252 21.9686C267.213 21.9686 265.624 23.2473 265.624 25.0099ZM269.805 42.1516C264.829 42.1516 264.725 39.767 264.725 39.4559C264.725 39.0412 265.209 36.2419 269.771 36.2419C272.397 36.2419 275.266 36.2419 275.266 38.8684C275.266 42.0134 270.773 42.1516 269.805 42.1516ZM302.361 33.2006C301.324 34.9631 299.009 36.0345 296.9 36.0345C293.41 36.0345 291.302 33.6499 291.302 31.2652C291.302 29.5372 292.442 27.7747 295 26.9798C297.142 26.3231 299.942 25.8047 301.393 25.5628C301.808 25.4937 301.946 25.39 301.946 25.1481C301.946 25.0617 301.955 24.9667 301.963 24.8716L301.963 24.8711C301.972 24.7762 301.981 24.6814 301.981 24.5951C301.981 22.6943 301.186 21.2083 298.386 21.2083C296.52 21.2083 295.138 22.0031 294.343 22.8671C294.136 23.1091 293.859 23.2127 293.617 23.2127C293.099 23.2127 292.649 22.8326 292.649 22.2796C292.649 20.9663 295.553 19.4803 298.525 19.4803C301.739 19.4803 303.916 20.8972 303.916 24.7679C303.916 25.079 303.916 25.39 303.881 25.7356C303.778 26.8761 303.709 28.4313 303.709 29.5718C303.709 32.4403 304.262 33.1315 305.644 33.8572C305.921 33.9955 306.024 34.2719 306.024 34.5484C306.024 35.0323 305.609 35.6198 304.987 35.6198C304.78 35.6198 303.052 35.1359 302.568 33.2351C302.563 33.221 302.559 33.2081 302.556 33.1964C302.532 33.1227 302.524 33.0969 302.465 33.0969C302.465 33.0969 302.395 33.1315 302.361 33.2006ZM296.866 34.2028C294.55 34.2028 293.168 32.7513 293.168 31.2998C293.168 28.8806 296.036 28.1894 301.462 27.3254H301.566C301.808 27.3254 301.912 27.4291 301.912 27.7055C301.912 27.916 301.903 28.1176 301.894 28.3148V28.315V28.3151V28.3152V28.3154V28.3155V28.3157V28.3158V28.3159V28.3161V28.3162V28.3164V28.3165V28.3167V28.3168V28.3169V28.3171V28.3172V28.3174V28.3175V28.3177V28.3178V28.318V28.3181V28.3183V28.3184V28.3186V28.3187C301.885 28.5087 301.877 28.6946 301.877 28.8806C301.877 31.8182 300.045 34.2028 296.866 34.2028ZM154.479 68.5139C154.548 69.7235 153.476 70.311 152.405 70.311C151.368 70.311 150.331 69.7235 150.331 68.5484V68.5139C150.396 66.0107 150.43 61.5111 150.435 57.2285L150.434 54.2526C150.432 51.9801 150.42 49.9283 150.366 48.5036C150.366 47.8618 150.277 47.816 148.631 47.8127L148.223 47.8124C147.602 47.8124 146.91 47.8279 146.182 47.8442L146.182 47.8442H146.182H146.181H146.181H146.181H146.181H146.181L146.18 47.8442C145.371 47.8624 144.516 47.8815 143.661 47.8815C142.348 47.8815 141.691 46.9484 141.691 46.0153C141.691 45.0822 142.313 44.1836 143.592 44.1836H143.661C145.555 44.2152 148.773 44.2467 152.054 44.252L153.511 44.2524C156.272 44.2487 158.984 44.2162 160.838 44.1836C162.185 44.1491 162.635 45.2895 162.635 46.0499C162.635 46.983 162.082 47.8815 160.976 47.8815H160.838C159.663 47.8124 158.66 47.8124 157.831 47.8124L157.083 47.8128C154.562 47.8165 154.418 47.8614 154.41 48.4001L154.409 48.5036C154.34 50.8537 154.306 54.206 154.306 57.5929L154.306 58.1115C154.312 62.0886 154.379 66.063 154.479 68.5139ZM169.823 70.5875C173.314 70.5875 175.18 69.447 176.839 67.719C177.219 67.3388 177.357 66.9241 177.357 66.5094C177.357 65.5417 176.459 64.7123 175.526 64.7123C175.111 64.7123 174.696 64.8851 174.351 65.2652C173.348 66.3366 172.035 67.3734 169.858 67.3734C167.404 67.3734 165.192 65.6454 165.158 62.7769C165.158 62.3967 165.227 62.1203 165.434 62.1203L168.841 62.12C172.449 62.1188 173.083 62.1132 173.936 62.0857C176.148 62.0166 177.219 60.7033 177.219 59.079C177.219 56.4524 174.523 52.9619 169.754 52.9619C165.296 52.9619 161.563 56.5907 161.563 61.8783C161.563 67.0278 165.089 70.5875 169.823 70.5875ZM168.243 59.2861L169.745 59.2862C170.946 59.2854 172.156 59.2806 172.934 59.2518C173.348 59.2172 173.625 58.9062 173.625 58.4915C173.625 58.0076 172.899 55.9686 169.789 55.9686C166.989 55.9686 165.469 58.3878 165.469 58.9753C165.469 59.2589 165.756 59.2839 168.243 59.2861ZM188.866 70.5183C192.909 70.5183 195.847 68.0646 195.847 66.5785C195.847 65.6108 194.914 64.7468 193.912 64.7468C193.428 64.7468 192.909 64.9542 192.495 65.5071C191.734 66.5439 190.283 67.0969 188.831 67.0969C184.062 67.0969 183.716 62.5004 183.716 61.7401C183.716 58.5951 185.825 56.3142 188.762 56.3142C189.972 56.3142 191.181 56.7289 191.907 57.6275C192.356 58.1804 192.875 58.3878 193.359 58.3878C194.326 58.3878 195.19 57.5583 195.19 56.5907C195.19 55.1737 192.667 52.9964 188.969 52.9964C183.544 52.9964 180.226 57.2473 180.226 61.9129C180.226 65.6108 182.576 70.5183 188.866 70.5183ZM214.302 68.5484C214.267 69.7926 213.403 70.3801 212.505 70.3801C211.606 70.3801 210.708 69.758 210.708 68.6521V68.6175C210.742 67.2006 210.777 64.6432 210.777 62.535L210.776 62.2495C210.772 61.0272 210.74 60.0072 210.708 59.4937C210.569 57.1436 209.083 56.1759 207.494 56.1759C205.489 56.1759 203.277 57.6966 203.174 59.8739C203.139 60.4959 203.139 61.3945 203.139 62.535C203.139 64.1247 203.174 66.1638 203.243 68.6175C203.277 69.3433 202.863 70.3801 201.48 70.3801C200.547 70.3801 199.649 69.7926 199.649 68.6867V68.6175C199.752 65.3343 199.787 60.7724 199.787 56.4179L199.787 55.9204C199.785 53.6024 199.775 51.3624 199.766 49.4491C199.76 48.2214 199.754 47.1282 199.753 46.2352L199.752 45.6697C199.752 44.6329 200.685 44.0799 201.584 44.0799C202.482 44.0799 203.346 44.5983 203.346 45.7043C203.339 46.4437 203.331 47.227 203.323 48.0103C203.296 50.7048 203.27 53.3993 203.243 54.3097C203.243 54.4479 203.243 54.5171 203.312 54.5171C203.336 54.5171 203.361 54.4998 203.41 54.4652C203.43 54.4509 203.454 54.4336 203.485 54.4134C204.591 53.5494 206.353 52.9619 208.15 52.9619C211.088 52.9619 214.095 54.5171 214.233 58.9062C214.267 60.1503 214.337 63.2262 214.337 65.7836C214.337 66.855 214.337 67.8227 214.302 68.5484ZM232.377 70.3801C233.275 70.3801 234.139 69.7926 234.174 68.5484C234.209 67.8227 234.209 66.855 234.209 65.7836C234.209 63.2262 234.139 60.1503 234.105 58.9062C233.967 55.0355 231.167 53.1347 228.264 53.1347C226.467 53.1347 224.635 53.8259 223.357 55.2083L223.357 55.2083C223.288 55.2774 223.218 55.3465 223.184 55.3465C223.158 55.3465 223.151 55.3271 223.15 55.3028L223.149 55.1737C223.149 55.1256 223.157 55.0775 223.165 55.0259V55.0258C223.174 54.9663 223.184 54.9022 223.184 54.8281C223.184 53.7222 222.285 53.2038 221.421 53.2038C220.557 53.2038 219.555 53.7222 219.555 54.759V54.8281C219.624 57.1436 219.659 58.9407 219.659 61.0143C219.659 63.0534 219.624 65.3343 219.521 68.6175V68.6867C219.521 69.7926 220.419 70.3801 221.352 70.3801C222.735 70.3801 223.149 69.3433 223.115 68.6175C223.046 66.1638 223.011 64.3321 223.011 62.9151C223.011 61.9475 223.011 61.1526 223.046 60.5305C223.149 58.215 225.672 56.3487 227.78 56.3487C229.232 56.3487 230.441 57.2127 230.58 59.3555C230.612 59.8716 230.644 60.9296 230.648 62.1923L230.649 62.4659C230.649 64.574 230.614 67.2006 230.58 68.6175V68.6521C230.58 69.758 231.478 70.3801 232.377 70.3801ZM255.497 61.7747C255.497 66.9932 251.765 70.5183 246.823 70.5183C241.881 70.5183 238.114 66.9932 238.114 61.7747C238.114 56.7289 241.881 53.031 246.823 53.031C251.765 53.031 255.497 56.7289 255.497 61.7747ZM246.823 67.2697C243.954 67.2697 241.604 65.1615 241.604 61.7747C241.604 58.3532 243.989 56.2105 246.823 56.2105C249.657 56.2105 252.007 58.3532 252.007 61.7747C252.007 65.1615 249.691 67.2697 246.823 67.2697ZM263.757 68.4793C263.757 69.6889 262.824 70.2764 261.891 70.2764C260.923 70.2764 259.99 69.6543 259.99 68.4447V68.4102C260.05 66.3247 260.058 62.3899 260.059 58.3772L260.059 54.8325C260.058 50.8303 260.051 47.2696 259.99 46.0499C259.956 44.8057 260.889 44.1145 261.891 44.1145C262.824 44.1145 263.757 44.7366 263.757 45.9462V46.0153C263.725 47.6219 263.661 52.4947 263.654 57.5939L263.654 59.069C263.658 62.517 263.692 65.9381 263.757 68.4102V68.4793ZM276.959 70.5183C281.901 70.5183 285.634 66.9932 285.634 61.7747C285.634 56.7289 281.901 53.031 276.959 53.031C272.017 53.031 268.25 56.7289 268.25 61.7747C268.25 66.9932 272.017 70.5183 276.959 70.5183ZM271.741 61.7747C271.741 65.1615 274.091 67.2697 276.959 67.2697C279.828 67.2697 282.143 65.1615 282.143 61.7747C282.143 58.3532 279.793 56.2105 276.959 56.2105C274.125 56.2105 271.741 58.3532 271.741 61.7747ZM296.831 79.2275C301.462 79.2275 305.99 77.2921 305.99 72.6611C305.99 69.8271 303.674 67.3043 298.49 67.3043C293.272 67.3043 292.857 67.166 292.857 66.5439C292.857 65.1615 295.207 64.8851 296.658 64.8505C300.909 64.6777 303.19 62.3622 303.19 59.0444C303.19 58.0076 303.121 57.662 302.879 57.0054C302.845 56.9017 302.845 56.8326 302.845 56.798C302.845 56.6835 302.892 56.6639 302.948 56.6408C302.959 56.6361 302.971 56.6312 302.983 56.6252L303.01 56.6114L303.025 56.604L303.064 56.5833C303.232 56.4953 303.38 56.4179 303.709 56.4179C303.812 56.4179 303.985 56.4179 304.158 56.4524C304.296 56.487 304.4 56.487 304.538 56.487C305.506 56.487 305.99 55.6921 305.99 54.8972C305.99 53.2038 304.538 53.1001 303.536 53.1001C302.81 53.1001 302.223 53.3075 301.22 53.8259C301.048 53.9295 300.875 53.9987 300.667 53.9987C300.529 53.9987 300.322 53.9641 300.08 53.8259C298.905 53.2729 297.557 52.9964 296.244 52.9964H296.175C292.788 52.9964 289.332 55.0355 289.332 59.0444C289.332 60.4959 290.057 62.2931 291.405 63.3299C291.682 63.5372 291.785 63.6409 291.785 63.7446C291.785 63.8206 291.674 63.8781 291.519 63.9579C291.463 63.9869 291.401 64.0188 291.336 64.0556C289.988 64.7814 289.366 65.8527 289.366 67.1315C289.366 68.03 289.919 69.1705 291.267 69.5852C291.509 69.6543 291.578 69.7235 291.578 69.7926C291.578 69.8271 291.509 69.8963 291.405 69.9308C289.746 70.622 288.364 71.9007 288.364 73.8015C288.364 76.0479 290.576 79.2275 296.831 79.2275ZM292.719 59.0099C292.719 59.9084 293.133 61.982 296.209 61.982C298.248 61.982 299.976 60.9798 299.976 58.9753C299.976 57.4201 298.939 55.9686 296.347 55.9686C294.308 55.9686 292.719 57.2473 292.719 59.0099ZM296.9 76.1516C291.924 76.1516 291.82 73.767 291.82 73.4559C291.82 73.0412 292.304 70.2419 296.866 70.2419C299.492 70.2419 302.361 70.2419 302.361 72.8684C302.361 76.0134 297.868 76.1516 296.9 76.1516ZM313.835 46.2918C313.835 47.5359 312.902 48.7455 311.416 48.7455C310.068 48.7455 308.996 47.8815 308.996 46.2918C308.996 44.5983 310.448 43.9417 311.416 43.9417C312.66 43.9417 313.835 44.9785 313.835 46.2918ZM311.416 70.4838C312.349 70.4838 313.282 69.8963 313.282 68.7212V68.6521C313.247 66.7513 313.213 64.2975 313.213 61.9129C313.213 59.0099 313.247 56.2796 313.282 54.8627V54.7935C313.282 53.6876 312.349 53.1347 311.45 53.1347C310.413 53.1347 309.549 53.7567 309.584 54.8972C309.618 55.8303 309.618 57.2127 309.618 58.7679C309.618 60.3725 309.609 62.1841 309.601 63.9546L309.601 63.9599V63.9643V63.968C309.592 65.6631 309.584 67.32 309.584 68.7212C309.584 69.8963 310.482 70.4838 311.416 70.4838ZM333.396 66.5785C333.396 68.0646 330.458 70.5183 326.415 70.5183C320.125 70.5183 317.775 65.6108 317.775 61.9129C317.775 57.2473 321.092 52.9964 326.518 52.9964C330.216 52.9964 332.739 55.1737 332.739 56.5907C332.739 57.5583 331.875 58.3878 330.907 58.3878C330.424 58.3878 329.905 58.1804 329.456 57.6275C328.73 56.7289 327.521 56.3142 326.311 56.3142C323.373 56.3142 321.265 58.5951 321.265 61.7401C321.265 62.5004 321.611 67.0969 326.38 67.0969C327.832 67.0969 329.283 66.5439 330.043 65.5071C330.458 64.9542 330.977 64.7468 331.46 64.7468C332.463 64.7468 333.396 65.6108 333.396 66.5785ZM342.105 70.5875C344.144 70.5875 346.321 69.8617 347.496 68.5139C347.565 68.4447 347.634 68.4102 347.704 68.4102C347.738 68.4102 347.807 68.4447 347.842 68.5139C348.153 69.0323 348.464 69.4124 348.775 69.6544C349.19 69.9999 349.639 70.1727 350.019 70.1727C351.021 70.1727 351.782 69.0668 351.782 68.0991C351.782 67.6153 351.609 67.166 351.229 66.8895C351.187 66.8581 351.122 66.8291 351.041 66.7929C350.587 66.5898 349.626 66.1598 349.362 63.8137C349.328 63.6063 349.328 63.3299 349.328 63.0188C349.328 61.982 349.432 60.6687 349.501 60.1503L349.513 59.9795C349.543 59.5668 349.57 59.1981 349.57 58.8025C349.57 54.8281 347.496 52.9619 343.695 52.9619C340.204 52.9619 337.163 54.7935 337.163 56.4524C337.163 57.351 337.923 58.0422 338.822 58.0422C339.236 58.0422 339.72 57.8694 340.1 57.4201C340.757 56.6943 341.932 55.9686 343.487 55.9686C345.837 55.9686 345.941 57.7311 345.941 58.1459C345.941 58.8716 345.665 59.2864 345.319 59.3209C344.766 59.3555 341.794 60.0121 339.409 60.8415C337.094 61.6364 336.057 63.399 336.057 65.1615C336.057 67.8227 338.303 70.5875 342.105 70.5875ZM339.409 65.2307C339.409 66.302 340.342 67.3734 342.105 67.3734C344.904 67.3734 346.114 65.9564 346.114 63.5027C346.114 62.9843 346.045 62.2239 345.63 62.2239H345.595C339.755 62.9497 339.409 64.4012 339.409 65.2307ZM357.277 70.2764C358.21 70.2764 359.143 69.6889 359.143 68.4793V68.4102C359.078 65.9381 359.043 62.517 359.04 59.069L359.04 57.5939C359.046 52.4947 359.11 47.6219 359.143 46.0153V45.9462C359.143 44.7366 358.21 44.1145 357.277 44.1145C356.274 44.1145 355.341 44.8057 355.376 46.0499C355.431 47.1477 355.442 50.1415 355.444 53.647V59.3379C355.442 63.0076 355.431 66.4915 355.376 68.4102V68.4447C355.376 69.6543 356.309 70.2764 357.277 70.2764ZM168.337 100.786C167.784 103.067 166.125 104.311 164.501 104.311C162.946 104.311 161.391 103.171 160.769 100.648C159.87 96.9843 158.073 86.3052 157.693 83.4022C157.624 82.9529 157.52 82.7801 157.416 82.7801C157.313 82.7801 157.209 83.022 157.14 83.4022C156.69 86.5471 155.032 96.3622 153.926 100.613C153.304 103.101 151.61 104.311 149.951 104.311C148.258 104.311 146.633 103.101 146.115 100.648C142.491 83.51 141.954 80.6447 141.934 79.9515L141.933 79.9116C141.933 78.702 143.005 78.0799 144.041 78.0799C145.009 78.0799 145.942 78.5984 146.115 79.6006C149.502 99.0751 149.636 99.6638 150.095 99.6795L150.124 99.6799C150.401 99.6799 150.642 99.2998 150.746 98.7814C151.154 96.9977 152.03 92.2741 152.851 87.8514C153.35 85.1616 153.828 82.583 154.168 80.8447C154.513 78.9785 155.93 78.1491 157.347 78.1491C158.868 78.1491 160.388 79.0822 160.699 80.7065C161.202 83.3114 162.128 88.545 162.907 92.9513L162.907 92.9515C163.307 95.2095 163.668 97.2503 163.913 98.6086C164.017 99.1961 164.19 99.4035 164.363 99.4035C164.847 99.4035 165.054 99.4035 168.959 79.566C169.167 78.5638 170.031 78.0799 170.895 78.0799C171.966 78.0799 173.072 78.7711 173.072 79.8771C173.072 80.5337 171.24 88.759 168.337 100.786ZM182.852 104.518C187.794 104.518 191.527 100.993 191.527 95.7747C191.527 90.7289 187.794 87.031 182.852 87.031C177.91 87.031 174.143 90.7289 174.143 95.7747C174.143 100.993 177.91 104.518 182.852 104.518ZM177.634 95.7747C177.634 99.1616 179.984 101.27 182.852 101.27C185.721 101.27 188.036 99.1616 188.036 95.7747C188.036 92.3532 185.686 90.2105 182.852 90.2105C180.018 90.2105 177.634 92.3532 177.634 95.7747ZM197.748 104.38C199.13 104.38 199.545 103.343 199.51 102.618C199.445 100.317 199.411 98.6546 199.407 97.3452L199.407 96.4254C199.409 95.7984 199.415 95.2735 199.441 94.807C199.545 92.6297 201.826 90.9363 203.865 90.7289C205.213 90.5907 205.835 89.6921 205.835 88.8281C205.835 87.9641 205.213 87.1692 204.141 87.1692C202.966 87.1692 201.1 87.7567 199.718 89.2774C199.649 89.3811 199.579 89.4156 199.579 89.4156C199.545 89.4156 199.545 89.3811 199.545 89.312V89.1737C199.545 89.1256 199.552 89.0775 199.56 89.0259C199.569 88.9663 199.579 88.9022 199.579 88.8281C199.579 87.7222 198.681 87.2038 197.817 87.2038C196.953 87.2038 195.951 87.7222 195.951 88.759V88.8281C196.02 91.1436 196.054 92.9408 196.054 95.0144C196.054 97.0534 196.02 99.3344 195.916 102.618V102.687C195.916 103.793 196.815 104.38 197.748 104.38ZM213.161 102.479C213.161 103.689 212.228 104.276 211.295 104.276C210.328 104.276 209.394 103.654 209.394 102.445V102.41C209.452 100.408 209.462 96.7018 209.463 92.8583L209.463 88.4338C209.462 84.5955 209.453 81.229 209.394 80.0499C209.36 78.8057 210.293 78.1145 211.295 78.1145C212.228 78.1145 213.161 78.7366 213.161 79.9462V80.0153C213.127 81.7087 213.058 87.031 213.058 92.4223L213.058 93.069C213.062 96.5171 213.096 99.9381 213.161 102.41V102.479ZM226.052 104.449C228.299 104.449 230.165 103.482 231.513 102.03C231.582 101.961 231.651 101.892 231.686 101.892C231.755 101.892 231.789 101.961 231.824 102.099C232.308 104 232.964 104.276 233.759 104.276C234.761 104.276 235.764 103.482 235.764 102.376C235.764 102.065 235.695 101.754 235.522 101.443C234.555 99.5747 234.489 99.4129 234.485 87.8777L234.485 86.5817C234.485 83.6787 234.52 81.2249 234.589 80.0499V79.8771C234.589 78.6675 233.69 78.0799 232.792 78.0799C231.789 78.0799 230.994 78.8057 231.029 79.8771C231.064 81.3286 231.133 84.8537 231.133 88.8627C231.133 88.9663 231.098 89.0009 231.029 89.0009C230.994 89.0009 230.925 89.0009 230.891 88.9663C229.612 87.8259 227.988 87.1001 226.052 87.1001C221.283 87.1001 217.654 90.7289 217.654 95.7747C217.654 100.993 221.283 104.449 226.052 104.449ZM221.145 95.7747C221.145 99.1615 223.357 101.235 226.121 101.235C228.886 101.235 231.098 99.1615 231.098 95.7747C231.098 92.3532 228.886 90.2451 226.121 90.2451C223.357 90.2451 221.145 92.3532 221.145 95.7747Z" fill="black" fill-opacity="0.87" />
15 |           <path fill-rule="evenodd" clip-rule="evenodd" d="M166.505 31.0579C166.505 32.855 162.393 36.622 156.034 36.622C147.428 36.622 142.797 30.2284 142.797 23.4892C142.797 16.4735 147.739 9.80347 156.172 9.80347C161.667 9.80347 165.4 12.983 165.4 14.8492C165.4 16.0243 164.397 16.9919 163.291 16.9919C162.669 16.9919 162.047 16.7155 161.529 16.0588C160.181 14.3999 158.004 13.6051 155.826 13.6051C149.986 13.6051 146.875 18.5817 146.875 23.2473C146.875 26.1503 148.569 32.6476 155.861 32.6476C158.488 32.6476 161.08 31.6454 162.497 29.7446C162.98 29.0879 163.568 28.846 164.19 28.846C165.365 28.846 166.505 29.8828 166.505 31.0579ZM174.04 34.6175C174.074 35.3433 173.659 36.3801 172.277 36.3801C171.344 36.3801 170.445 35.7926 170.445 34.6867V34.6175C170.549 31.3343 170.584 29.0534 170.584 27.0143C170.584 24.9407 170.549 23.1436 170.48 20.8281V20.759C170.48 19.7222 171.482 19.2038 172.346 19.2038C173.21 19.2038 174.109 19.7222 174.109 20.8281C174.109 20.9022 174.099 20.9663 174.09 21.0259C174.082 21.0775 174.074 21.1256 174.074 21.1737V21.3119C174.074 21.3811 174.074 21.4156 174.109 21.4156C174.109 21.4156 174.178 21.3811 174.247 21.2774C175.629 19.7567 177.496 19.1692 178.671 19.1692C179.742 19.1692 180.364 19.9641 180.364 20.8281C180.364 21.6921 179.742 22.5907 178.394 22.7289C176.355 22.9363 174.074 24.6297 173.97 26.807C173.936 27.4291 173.936 28.1548 173.936 29.0879C173.936 30.4358 173.97 32.1638 174.04 34.6175ZM190.767 36.5875C194.257 36.5875 196.123 35.447 197.782 33.719C198.162 33.3388 198.301 32.9241 198.301 32.5094C198.301 31.5417 197.402 30.7123 196.469 30.7123C196.054 30.7123 195.64 30.8851 195.294 31.2652C194.292 32.3366 192.978 33.3734 190.801 33.3734C188.347 33.3734 186.136 31.6454 186.101 28.7769C186.101 28.3967 186.17 28.1203 186.377 28.1203L189.784 28.12C193.392 28.1188 194.026 28.1132 194.879 28.0857C197.091 28.0166 198.162 26.7033 198.162 25.079C198.162 22.4524 195.467 18.9619 190.697 18.9619C186.239 18.9619 182.507 22.5907 182.507 27.8783C182.507 33.0278 186.032 36.5875 190.767 36.5875ZM189.186 25.2861L190.688 25.2862C191.89 25.2854 193.099 25.2806 193.877 25.2518C194.292 25.2172 194.568 24.9062 194.568 24.4915C194.568 24.0076 193.842 21.9686 190.732 21.9686C187.933 21.9686 186.412 24.3878 186.412 24.9753C186.412 25.2589 186.699 25.2839 189.186 25.2861ZM207.39 36.5875C209.429 36.5875 211.606 35.8617 212.781 34.5139C212.85 34.4447 212.92 34.4102 212.989 34.4102C213.023 34.4102 213.092 34.4447 213.127 34.5139C213.438 35.0323 213.749 35.4124 214.06 35.6543C214.475 35.9999 214.924 36.1727 215.304 36.1727C216.306 36.1727 217.067 35.0668 217.067 34.0991C217.067 33.6153 216.894 33.166 216.514 32.8895C216.472 32.8581 216.407 32.8291 216.326 32.7929C215.872 32.5898 214.912 32.1598 214.648 29.8137C214.613 29.6063 214.613 29.3299 214.613 29.0188C214.613 27.982 214.717 26.6687 214.786 26.1503L214.798 25.9797C214.828 25.5669 214.855 25.1981 214.855 24.8025C214.855 20.8281 212.781 18.9619 208.98 18.9619C205.489 18.9619 202.448 20.7935 202.448 22.4524C202.448 23.351 203.208 24.0422 204.107 24.0422C204.521 24.0422 205.005 23.8694 205.385 23.4201C206.042 22.6943 207.217 21.9686 208.772 21.9686C211.122 21.9686 211.226 23.7311 211.226 24.1459C211.226 24.8716 210.95 25.2863 210.604 25.3209C210.051 25.3555 207.079 26.0121 204.694 26.8415C202.379 27.6364 201.342 29.399 201.342 31.1615C201.342 33.8227 203.588 36.5875 207.39 36.5875ZM204.694 31.2307C204.694 32.302 205.627 33.3734 207.39 33.3734C210.189 33.3734 211.399 31.9564 211.399 29.5027C211.399 28.9843 211.33 28.2239 210.915 28.2239H210.881C205.04 28.9497 204.694 30.4012 204.694 31.2307ZM226.605 36.5183C228.402 36.5183 229.543 35.9308 229.543 34.6867C229.543 33.9263 228.99 33.166 228.057 33.166C228.005 33.166 227.962 33.1747 227.919 33.1833C227.875 33.1919 227.832 33.2006 227.78 33.2006C227.504 33.2351 227.227 33.2697 226.985 33.2697C225.109 33.2697 224.954 32.2298 224.947 29.7088L224.946 29.4681C224.946 28.1638 224.98 26.6447 225.009 25.3439C225.031 24.3699 225.05 23.5183 225.05 22.9708C225.05 22.7635 225.05 22.5907 225.569 22.5907H227.849C228.886 22.5907 229.37 21.7612 229.37 20.9663C229.37 20.1369 228.886 19.342 227.849 19.342H225.534C225.188 19.342 225.05 19.3075 225.05 18.7545C225.05 18.7545 225.119 17.4412 225.119 16.5081C225.119 16.0588 225.119 14.3999 223.288 14.3999C222.389 14.3999 221.56 14.9183 221.56 15.9551V16.0588C221.585 16.3439 221.592 16.6485 221.594 16.9579L221.594 17.2684C221.594 18.0633 221.56 18.7545 221.56 18.7545C221.56 19.2383 221.525 19.342 220.972 19.342H219.97C218.933 19.342 218.415 20.1369 218.415 20.9318C218.415 21.7612 218.968 22.5907 219.97 22.5907H221.007C221.352 22.5907 221.56 22.6252 221.56 23.0745V23.5929C221.56 24.3008 221.545 25.4281 221.529 26.6332L221.529 26.6359C221.512 27.8824 221.494 29.2118 221.491 30.246L221.491 30.7439C221.497 32.3201 221.68 36.5183 226.605 36.5183ZM237.734 12.2918C237.734 13.5359 236.801 14.7455 235.314 14.7455C233.967 14.7455 232.895 13.8815 232.895 12.2918C232.895 10.5983 234.347 9.94171 235.314 9.94171C236.559 9.94171 237.734 10.9785 237.734 12.2918ZM235.314 36.4838C236.248 36.4838 237.181 35.8963 237.181 34.7212V34.6521C237.146 32.7513 237.112 30.2975 237.112 27.9129C237.112 25.0099 237.146 22.2796 237.181 20.8627V20.7935C237.181 19.6876 236.248 19.1347 235.349 19.1347C234.312 19.1347 233.448 19.7567 233.483 20.8972C233.517 21.8303 233.517 23.2127 233.517 24.7679C233.517 26.3766 233.508 28.1932 233.499 29.968C233.491 31.6631 233.483 33.32 233.483 34.7212C233.483 35.8963 234.381 36.4838 235.314 36.4838ZM257.64 34.5484C257.606 35.7926 256.742 36.3801 255.843 36.3801C254.945 36.3801 254.046 35.758 254.046 34.6521V34.6175C254.081 33.2006 254.115 30.574 254.115 28.4659L254.115 28.1923C254.11 26.9296 254.078 25.8716 254.046 25.3555C253.908 23.2127 252.698 22.3487 251.247 22.3487C249.138 22.3487 246.616 24.215 246.512 26.5305C246.486 26.9971 246.479 27.5608 246.478 28.2218L246.478 29.2041C246.482 30.5791 246.517 32.3274 246.581 34.6175C246.616 35.3433 246.201 36.3801 244.818 36.3801C243.885 36.3801 242.987 35.7926 242.987 34.6867V34.6175C243.09 31.3343 243.125 29.0534 243.125 27.0143C243.125 24.9407 243.09 23.1436 243.021 20.8281V20.759C243.021 19.7222 244.024 19.2038 244.888 19.2038C245.752 19.2038 246.65 19.7222 246.65 20.8281C246.65 20.9022 246.64 20.9663 246.631 21.0258L246.631 21.0259C246.623 21.0775 246.616 21.1256 246.616 21.1737L246.616 21.3028C246.618 21.3271 246.624 21.3465 246.65 21.3465C246.685 21.3465 246.754 21.2774 246.823 21.2083L246.823 21.2083C248.102 19.8259 249.933 19.1347 251.73 19.1347C254.633 19.1347 257.433 21.0355 257.571 24.9062C257.606 26.1503 257.675 29.2262 257.675 31.7836L257.674 32.481C257.673 33.2731 257.667 33.9839 257.64 34.5484ZM269.736 45.2275C274.367 45.2275 278.895 43.2921 278.895 38.6611C278.895 35.8271 276.579 33.3043 271.395 33.3043C266.177 33.3043 265.762 33.166 265.762 32.5439C265.762 31.1615 268.112 30.8851 269.563 30.8505C273.814 30.6777 276.095 28.3622 276.095 25.0444C276.095 24.0076 276.026 23.662 275.784 23.0054C275.75 22.9017 275.75 22.8326 275.75 22.798C275.75 22.6835 275.797 22.6639 275.853 22.6408C275.864 22.6361 275.876 22.6312 275.888 22.6252C275.916 22.6111 275.943 22.5971 275.969 22.5832C276.137 22.4953 276.285 22.4179 276.614 22.4179C276.717 22.4179 276.89 22.4179 277.063 22.4524C277.201 22.487 277.305 22.487 277.443 22.487C278.411 22.487 278.895 21.6921 278.895 20.8972C278.895 19.2038 277.443 19.1001 276.441 19.1001C275.715 19.1001 275.128 19.3075 274.125 19.8259C273.953 19.9295 273.78 19.9987 273.572 19.9987C273.434 19.9987 273.227 19.9641 272.985 19.8259C271.81 19.2729 270.462 18.9964 269.149 18.9964H269.08C265.693 18.9964 262.237 21.0355 262.237 25.0444C262.237 26.4959 262.962 28.2931 264.31 29.3299C264.587 29.5372 264.69 29.6409 264.69 29.7446C264.69 29.8206 264.579 29.8781 264.424 29.9579C264.368 29.9869 264.306 30.0188 264.241 30.0556C262.893 30.7814 262.271 31.8527 262.271 33.1315C262.271 34.03 262.824 35.1705 264.172 35.5852C264.414 35.6543 264.483 35.7235 264.483 35.7926C264.483 35.8271 264.414 35.8963 264.31 35.9308C262.651 36.622 261.269 37.9007 261.269 39.8015C261.269 42.0479 263.481 45.2275 269.736 45.2275ZM265.624 25.0099C265.624 25.9084 266.038 27.982 269.114 27.982C271.153 27.982 272.881 26.9798 272.881 24.9753C272.881 23.4201 271.844 21.9686 269.252 21.9686C267.213 21.9686 265.624 23.2473 265.624 25.0099ZM269.805 42.1516C264.829 42.1516 264.725 39.767 264.725 39.4559C264.725 39.0412 265.209 36.2419 269.771 36.2419C272.397 36.2419 275.266 36.2419 275.266 38.8684C275.266 42.0134 270.773 42.1516 269.805 42.1516ZM302.361 33.2006C301.324 34.9631 299.009 36.0345 296.9 36.0345C293.41 36.0345 291.302 33.6499 291.302 31.2652C291.302 29.5372 292.442 27.7747 295 26.9798C297.142 26.3231 299.942 25.8047 301.393 25.5628C301.808 25.4937 301.946 25.39 301.946 25.1481C301.946 25.0617 301.955 24.9667 301.963 24.8716L301.963 24.8711C301.972 24.7762 301.981 24.6814 301.981 24.5951C301.981 22.6943 301.186 21.2083 298.386 21.2083C296.52 21.2083 295.138 22.0031 294.343 22.8671C294.136 23.1091 293.859 23.2127 293.617 23.2127C293.099 23.2127 292.649 22.8326 292.649 22.2796C292.649 20.9663 295.553 19.4803 298.525 19.4803C301.739 19.4803 303.916 20.8972 303.916 24.7679C303.916 25.079 303.916 25.39 303.881 25.7356C303.778 26.8761 303.709 28.4313 303.709 29.5718C303.709 32.4403 304.262 33.1315 305.644 33.8572C305.921 33.9955 306.024 34.2719 306.024 34.5484C306.024 35.0323 305.609 35.6198 304.987 35.6198C304.78 35.6198 303.052 35.1359 302.568 33.2351C302.563 33.221 302.559 33.2081 302.556 33.1964C302.532 33.1227 302.524 33.0969 302.465 33.0969C302.465 33.0969 302.395 33.1315 302.361 33.2006ZM296.866 34.2028C294.55 34.2028 293.168 32.7513 293.168 31.2998C293.168 28.8806 296.036 28.1894 301.462 27.3254H301.566C301.808 27.3254 301.912 27.4291 301.912 27.7055C301.912 27.916 301.903 28.1176 301.894 28.3148V28.315V28.3151V28.3152V28.3154V28.3155V28.3157V28.3158V28.3159V28.3161V28.3162V28.3164V28.3165V28.3167V28.3168V28.3169V28.3171V28.3172V28.3174V28.3175V28.3177V28.3178V28.318V28.3181V28.3183V28.3184V28.3186V28.3187C301.885 28.5087 301.877 28.6946 301.877 28.8806C301.877 31.8182 300.045 34.2028 296.866 34.2028ZM154.479 68.5139C154.548 69.7235 153.476 70.311 152.405 70.311C151.368 70.311 150.331 69.7235 150.331 68.5484V68.5139C150.396 66.0107 150.43 61.5111 150.435 57.2285L150.434 54.2526C150.432 51.9801 150.42 49.9283 150.366 48.5036C150.366 47.8618 150.277 47.816 148.631 47.8127L148.223 47.8124C147.602 47.8124 146.91 47.8279 146.182 47.8442L146.182 47.8442H146.182H146.181H146.181H146.181H146.181H146.181L146.18 47.8442C145.371 47.8624 144.516 47.8815 143.661 47.8815C142.348 47.8815 141.691 46.9484 141.691 46.0153C141.691 45.0822 142.313 44.1836 143.592 44.1836H143.661C145.555 44.2152 148.773 44.2467 152.054 44.252L153.511 44.2524C156.272 44.2487 158.984 44.2162 160.838 44.1836C162.185 44.1491 162.635 45.2895 162.635 46.0499C162.635 46.983 162.082 47.8815 160.976 47.8815H160.838C159.663 47.8124 158.66 47.8124 157.831 47.8124L157.083 47.8128C154.562 47.8165 154.418 47.8614 154.41 48.4001L154.409 48.5036C154.34 50.8537 154.306 54.206 154.306 57.5929L154.306 58.1115C154.312 62.0886 154.379 66.063 154.479 68.5139ZM169.823 70.5875C173.314 70.5875 175.18 69.447 176.839 67.719C177.219 67.3388 177.357 66.9241 177.357 66.5094C177.357 65.5417 176.459 64.7123 175.526 64.7123C175.111 64.7123 174.696 64.8851 174.351 65.2652C173.348 66.3366 172.035 67.3734 169.858 67.3734C167.404 67.3734 165.192 65.6454 165.158 62.7769C165.158 62.3967 165.227 62.1203 165.434 62.1203L168.841 62.12C172.449 62.1188 173.083 62.1132 173.936 62.0857C176.148 62.0166 177.219 60.7033 177.219 59.079C177.219 56.4524 174.523 52.9619 169.754 52.9619C165.296 52.9619 161.563 56.5907 161.563 61.8783C161.563 67.0278 165.089 70.5875 169.823 70.5875ZM168.243 59.2861L169.745 59.2862C170.946 59.2854 172.156 59.2806 172.934 59.2518C173.348 59.2172 173.625 58.9062 173.625 58.4915C173.625 58.0076 172.899 55.9686 169.789 55.9686C166.989 55.9686 165.469 58.3878 165.469 58.9753C165.469 59.2589 165.756 59.2839 168.243 59.2861ZM188.866 70.5183C192.909 70.5183 195.847 68.0646 195.847 66.5785C195.847 65.6108 194.914 64.7468 193.912 64.7468C193.428 64.7468 192.909 64.9542 192.495 65.5071C191.734 66.5439 190.283 67.0969 188.831 67.0969C184.062 67.0969 183.716 62.5004 183.716 61.7401C183.716 58.5951 185.825 56.3142 188.762 56.3142C189.972 56.3142 191.181 56.7289 191.907 57.6275C192.356 58.1804 192.875 58.3878 193.359 58.3878C194.326 58.3878 195.19 57.5583 195.19 56.5907C195.19 55.1737 192.667 52.9964 188.969 52.9964C183.544 52.9964 180.226 57.2473 180.226 61.9129C180.226 65.6108 182.576 70.5183 188.866 70.5183ZM214.302 68.5484C214.267 69.7926 213.403 70.3801 212.505 70.3801C211.606 70.3801 210.708 69.758 210.708 68.6521V68.6175C210.742 67.2006 210.777 64.6432 210.777 62.535L210.776 62.2495C210.772 61.0272 210.74 60.0072 210.708 59.4937C210.569 57.1436 209.083 56.1759 207.494 56.1759C205.489 56.1759 203.277 57.6966 203.174 59.8739C203.139 60.4959 203.139 61.3945 203.139 62.535C203.139 64.1247 203.174 66.1638 203.243 68.6175C203.277 69.3433 202.863 70.3801 201.48 70.3801C200.547 70.3801 199.649 69.7926 199.649 68.6867V68.6175C199.752 65.3343 199.787 60.7724 199.787 56.4179L199.787 55.9204C199.785 53.6024 199.775 51.3624 199.766 49.4491C199.76 48.2214 199.754 47.1282 199.753 46.2352L199.752 45.6697C199.752 44.6329 200.685 44.0799 201.584 44.0799C202.482 44.0799 203.346 44.5983 203.346 45.7043C203.339 46.4437 203.331 47.227 203.323 48.0103C203.296 50.7048 203.27 53.3993 203.243 54.3097C203.243 54.4479 203.243 54.5171 203.312 54.5171C203.336 54.5171 203.361 54.4998 203.41 54.4652C203.43 54.4509 203.454 54.4336 203.485 54.4134C204.591 53.5494 206.353 52.9619 208.15 52.9619C211.088 52.9619 214.095 54.5171 214.233 58.9062C214.267 60.1503 214.337 63.2262 214.337 65.7836C214.337 66.855 214.337 67.8227 214.302 68.5484ZM232.377 70.3801C233.275 70.3801 234.139 69.7926 234.174 68.5484C234.209 67.8227 234.209 66.855 234.209 65.7836C234.209 63.2262 234.139 60.1503 234.105 58.9062C233.967 55.0355 231.167 53.1347 228.264 53.1347C226.467 53.1347 224.635 53.8259 223.357 55.2083L223.357 55.2083C223.288 55.2774 223.218 55.3465 223.184 55.3465C223.158 55.3465 223.151 55.3271 223.15 55.3028L223.149 55.1737C223.149 55.1256 223.157 55.0775 223.165 55.0259V55.0258C223.174 54.9663 223.184 54.9022 223.184 54.8281C223.184 53.7222 222.285 53.2038 221.421 53.2038C220.557 53.2038 219.555 53.7222 219.555 54.759V54.8281C219.624 57.1436 219.659 58.9407 219.659 61.0143C219.659 63.0534 219.624 65.3343 219.521 68.6175V68.6867C219.521 69.7926 220.419 70.3801 221.352 70.3801C222.735 70.3801 223.149 69.3433 223.115 68.6175C223.046 66.1638 223.011 64.3321 223.011 62.9151C223.011 61.9475 223.011 61.1526 223.046 60.5305C223.149 58.215 225.672 56.3487 227.78 56.3487C229.232 56.3487 230.441 57.2127 230.58 59.3555C230.612 59.8716 230.644 60.9296 230.648 62.1923L230.649 62.4659C230.649 64.574 230.614 67.2006 230.58 68.6175V68.6521C230.58 69.758 231.478 70.3801 232.377 70.3801ZM255.497 61.7747C255.497 66.9932 251.765 70.5183 246.823 70.5183C241.881 70.5183 238.114 66.9932 238.114 61.7747C238.114 56.7289 241.881 53.031 246.823 53.031C251.765 53.031 255.497 56.7289 255.497 61.7747ZM246.823 67.2697C243.954 67.2697 241.604 65.1615 241.604 61.7747C241.604 58.3532 243.989 56.2105 246.823 56.2105C249.657 56.2105 252.007 58.3532 252.007 61.7747C252.007 65.1615 249.691 67.2697 246.823 67.2697ZM263.757 68.4793C263.757 69.6889 262.824 70.2764 261.891 70.2764C260.923 70.2764 259.99 69.6543 259.99 68.4447V68.4102C260.05 66.3247 260.058 62.3899 260.059 58.3772L260.059 54.8325C260.058 50.8303 260.051 47.2696 259.99 46.0499C259.956 44.8057 260.889 44.1145 261.891 44.1145C262.824 44.1145 263.757 44.7366 263.757 45.9462V46.0153C263.725 47.6219 263.661 52.4947 263.654 57.5939L263.654 59.069C263.658 62.517 263.692 65.9381 263.757 68.4102V68.4793ZM276.959 70.5183C281.901 70.5183 285.634 66.9932 285.634 61.7747C285.634 56.7289 281.901 53.031 276.959 53.031C272.017 53.031 268.25 56.7289 268.25 61.7747C268.25 66.9932 272.017 70.5183 276.959 70.5183ZM271.741 61.7747C271.741 65.1615 274.091 67.2697 276.959 67.2697C279.828 67.2697 282.143 65.1615 282.143 61.7747C282.143 58.3532 279.793 56.2105 276.959 56.2105C274.125 56.2105 271.741 58.3532 271.741 61.7747ZM296.831 79.2275C301.462 79.2275 305.99 77.2921 305.99 72.6611C305.99 69.8271 303.674 67.3043 298.49 67.3043C293.272 67.3043 292.857 67.166 292.857 66.5439C292.857 65.1615 295.207 64.8851 296.658 64.8505C300.909 64.6777 303.19 62.3622 303.19 59.0444C303.19 58.0076 303.121 57.662 302.879 57.0054C302.845 56.9017 302.845 56.8326 302.845 56.798C302.845 56.6835 302.892 56.6639 302.948 56.6408C302.959 56.6361 302.971 56.6312 302.983 56.6252L303.01 56.6114L303.025 56.604L303.064 56.5833C303.232 56.4953 303.38 56.4179 303.709 56.4179C303.812 56.4179 303.985 56.4179 304.158 56.4524C304.296 56.487 304.4 56.487 304.538 56.487C305.506 56.487 305.99 55.6921 305.99 54.8972C305.99 53.2038 304.538 53.1001 303.536 53.1001C302.81 53.1001 302.223 53.3075 301.22 53.8259C301.048 53.9295 300.875 53.9987 300.667 53.9987C300.529 53.9987 300.322 53.9641 300.08 53.8259C298.905 53.2729 297.557 52.9964 296.244 52.9964H296.175C292.788 52.9964 289.332 55.0355 289.332 59.0444C289.332 60.4959 290.057 62.2931 291.405 63.3299C291.682 63.5372 291.785 63.6409 291.785 63.7446C291.785 63.8206 291.674 63.8781 291.519 63.9579C291.463 63.9869 291.401 64.0188 291.336 64.0556C289.988 64.7814 289.366 65.8527 289.366 67.1315C289.366 68.03 289.919 69.1705 291.267 69.5852C291.509 69.6543 291.578 69.7235 291.578 69.7926C291.578 69.8271 291.509 69.8963 291.405 69.9308C289.746 70.622 288.364 71.9007 288.364 73.8015C288.364 76.0479 290.576 79.2275 296.831 79.2275ZM292.719 59.0099C292.719 59.9084 293.133 61.982 296.209 61.982C298.248 61.982 299.976 60.9798 299.976 58.9753C299.976 57.4201 298.939 55.9686 296.347 55.9686C294.308 55.9686 292.719 57.2473 292.719 59.0099ZM296.9 76.1516C291.924 76.1516 291.82 73.767 291.82 73.4559C291.82 73.0412 292.304 70.2419 296.866 70.2419C299.492 70.2419 302.361 70.2419 302.361 72.8684C302.361 76.0134 297.868 76.1516 296.9 76.1516ZM313.835 46.2918C313.835 47.5359 312.902 48.7455 311.416 48.7455C310.068 48.7455 308.996 47.8815 308.996 46.2918C308.996 44.5983 310.448 43.9417 311.416 43.9417C312.66 43.9417 313.835 44.9785 313.835 46.2918ZM311.416 70.4838C312.349 70.4838 313.282 69.8963 313.282 68.7212V68.6521C313.247 66.7513 313.213 64.2975 313.213 61.9129C313.213 59.0099 313.247 56.2796 313.282 54.8627V54.7935C313.282 53.6876 312.349 53.1347 311.45 53.1347C310.413 53.1347 309.549 53.7567 309.584 54.8972C309.618 55.8303 309.618 57.2127 309.618 58.7679C309.618 60.3725 309.609 62.1841 309.601 63.9546L309.601 63.9599V63.9643V63.968C309.592 65.6631 309.584 67.32 309.584 68.7212C309.584 69.8963 310.482 70.4838 311.416 70.4838ZM333.396 66.5785C333.396 68.0646 330.458 70.5183 326.415 70.5183C320.125 70.5183 317.775 65.6108 317.775 61.9129C317.775 57.2473 321.092 52.9964 326.518 52.9964C330.216 52.9964 332.739 55.1737 332.739 56.5907C332.739 57.5583 331.875 58.3878 330.907 58.3878C330.424 58.3878 329.905 58.1804 329.456 57.6275C328.73 56.7289 327.521 56.3142 326.311 56.3142C323.373 56.3142 321.265 58.5951 321.265 61.7401C321.265 62.5004 321.611 67.0969 326.38 67.0969C327.832 67.0969 329.283 66.5439 330.043 65.5071C330.458 64.9542 330.977 64.7468 331.46 64.7468C332.463 64.7468 333.396 65.6108 333.396 66.5785ZM342.105 70.5875C344.144 70.5875 346.321 69.8617 347.496 68.5139C347.565 68.4447 347.634 68.4102 347.704 68.4102C347.738 68.4102 347.807 68.4447 347.842 68.5139C348.153 69.0323 348.464 69.4124 348.775 69.6544C349.19 69.9999 349.639 70.1727 350.019 70.1727C351.021 70.1727 351.782 69.0668 351.782 68.0991C351.782 67.6153 351.609 67.166 351.229 66.8895C351.187 66.8581 351.122 66.8291 351.041 66.7929C350.587 66.5898 349.626 66.1598 349.362 63.8137C349.328 63.6063 349.328 63.3299 349.328 63.0188C349.328 61.982 349.432 60.6687 349.501 60.1503L349.513 59.9795C349.543 59.5668 349.57 59.1981 349.57 58.8025C349.57 54.8281 347.496 52.9619 343.695 52.9619C340.204 52.9619 337.163 54.7935 337.163 56.4524C337.163 57.351 337.923 58.0422 338.822 58.0422C339.236 58.0422 339.72 57.8694 340.1 57.4201C340.757 56.6943 341.932 55.9686 343.487 55.9686C345.837 55.9686 345.941 57.7311 345.941 58.1459C345.941 58.8716 345.665 59.2864 345.319 59.3209C344.766 59.3555 341.794 60.0121 339.409 60.8415C337.094 61.6364 336.057 63.399 336.057 65.1615C336.057 67.8227 338.303 70.5875 342.105 70.5875ZM339.409 65.2307C339.409 66.302 340.342 67.3734 342.105 67.3734C344.904 67.3734 346.114 65.9564 346.114 63.5027C346.114 62.9843 346.045 62.2239 345.63 62.2239H345.595C339.755 62.9497 339.409 64.4012 339.409 65.2307ZM357.277 70.2764C358.21 70.2764 359.143 69.6889 359.143 68.4793V68.4102C359.078 65.9381 359.043 62.517 359.04 59.069L359.04 57.5939C359.046 52.4947 359.11 47.6219 359.143 46.0153V45.9462C359.143 44.7366 358.21 44.1145 357.277 44.1145C356.274 44.1145 355.341 44.8057 355.376 46.0499C355.431 47.1477 355.442 50.1415 355.444 53.647V59.3379C355.442 63.0076 355.431 66.4915 355.376 68.4102V68.4447C355.376 69.6543 356.309 70.2764 357.277 70.2764ZM168.337 100.786C167.784 103.067 166.125 104.311 164.501 104.311C162.946 104.311 161.391 103.171 160.769 100.648C159.87 96.9843 158.073 86.3052 157.693 83.4022C157.624 82.9529 157.52 82.7801 157.416 82.7801C157.313 82.7801 157.209 83.022 157.14 83.4022C156.69 86.5471 155.032 96.3622 153.926 100.613C153.304 103.101 151.61 104.311 149.951 104.311C148.258 104.311 146.633 103.101 146.115 100.648C142.491 83.51 141.954 80.6447 141.934 79.9515L141.933 79.9116C141.933 78.702 143.005 78.0799 144.041 78.0799C145.009 78.0799 145.942 78.5984 146.115 79.6006C149.502 99.0751 149.636 99.6638 150.095 99.6795L150.124 99.6799C150.401 99.6799 150.642 99.2998 150.746 98.7814C151.154 96.9977 152.03 92.2741 152.851 87.8514C153.35 85.1616 153.828 82.583 154.168 80.8447C154.513 78.9785 155.93 78.1491 157.347 78.1491C158.868 78.1491 160.388 79.0822 160.699 80.7065C161.202 83.3114 162.128 88.545 162.907 92.9513L162.907 92.9515C163.307 95.2095 163.668 97.2503 163.913 98.6086C164.017 99.1961 164.19 99.4035 164.363 99.4035C164.847 99.4035 165.054 99.4035 168.959 79.566C169.167 78.5638 170.031 78.0799 170.895 78.0799C171.966 78.0799 173.072 78.7711 173.072 79.8771C173.072 80.5337 171.24 88.759 168.337 100.786ZM182.852 104.518C187.794 104.518 191.527 100.993 191.527 95.7747C191.527 90.7289 187.794 87.031 182.852 87.031C177.91 87.031 174.143 90.7289 174.143 95.7747C174.143 100.993 177.91 104.518 182.852 104.518ZM177.634 95.7747C177.634 99.1616 179.984 101.27 182.852 101.27C185.721 101.27 188.036 99.1616 188.036 95.7747C188.036 92.3532 185.686 90.2105 182.852 90.2105C180.018 90.2105 177.634 92.3532 177.634 95.7747ZM197.748 104.38C199.13 104.38 199.545 103.343 199.51 102.618C199.445 100.317 199.411 98.6546 199.407 97.3452L199.407 96.4254C199.409 95.7984 199.415 95.2735 199.441 94.807C199.545 92.6297 201.826 90.9363 203.865 90.7289C205.213 90.5907 205.835 89.6921 205.835 88.8281C205.835 87.9641 205.213 87.1692 204.141 87.1692C202.966 87.1692 201.1 87.7567 199.718 89.2774C199.649 89.3811 199.579 89.4156 199.579 89.4156C199.545 89.4156 199.545 89.3811 199.545 89.312V89.1737C199.545 89.1256 199.552 89.0775 199.56 89.0259C199.569 88.9663 199.579 88.9022 199.579 88.8281C199.579 87.7222 198.681 87.2038 197.817 87.2038C196.953 87.2038 195.951 87.7222 195.951 88.759V88.8281C196.02 91.1436 196.054 92.9408 196.054 95.0144C196.054 97.0534 196.02 99.3344 195.916 102.618V102.687C195.916 103.793 196.815 104.38 197.748 104.38ZM213.161 102.479C213.161 103.689 212.228 104.276 211.295 104.276C210.328 104.276 209.394 103.654 209.394 102.445V102.41C209.452 100.408 209.462 96.7018 209.463 92.8583L209.463 88.4338C209.462 84.5955 209.453 81.229 209.394 80.0499C209.36 78.8057 210.293 78.1145 211.295 78.1145C212.228 78.1145 213.161 78.7366 213.161 79.9462V80.0153C213.127 81.7087 213.058 87.031 213.058 92.4223L213.058 93.069C213.062 96.5171 213.096 99.9381 213.161 102.41V102.479ZM226.052 104.449C228.299 104.449 230.165 103.482 231.513 102.03C231.582 101.961 231.651 101.892 231.686 101.892C231.755 101.892 231.789 101.961 231.824 102.099C232.308 104 232.964 104.276 233.759 104.276C234.761 104.276 235.764 103.482 235.764 102.376C235.764 102.065 235.695 101.754 235.522 101.443C234.555 99.5747 234.489 99.4129 234.485 87.8777L234.485 86.5817C234.485 83.6787 234.52 81.2249 234.589 80.0499V79.8771C234.589 78.6675 233.69 78.0799 232.792 78.0799C231.789 78.0799 230.994 78.8057 231.029 79.8771C231.064 81.3286 231.133 84.8537 231.133 88.8627C231.133 88.9663 231.098 89.0009 231.029 89.0009C230.994 89.0009 230.925 89.0009 230.891 88.9663C229.612 87.8259 227.988 87.1001 226.052 87.1001C221.283 87.1001 217.654 90.7289 217.654 95.7747C217.654 100.993 221.283 104.449 226.052 104.449ZM221.145 95.7747C221.145 99.1615 223.357 101.235 226.121 101.235C228.886 101.235 231.098 99.1615 231.098 95.7747C231.098 92.3532 228.886 90.2451 226.121 90.2451C223.357 90.2451 221.145 92.3532 221.145 95.7747Z" fill="#8D8F99" />
16 |         </svg>
17 |       </a>
18 |       <div class="mt-8 bg-base-100 overflow-hidden shadow sm:rounded-lg p-6">
19 |         <h2 class="text-2xl leading-7 font-semibold">
20 |           Basis template with Nuxt, TailwindCss and Supabase
21 |         </h2>
22 |         <p class="mt-3">
23 |           You can start right away creating awesome super performance websites thanks to Nuxt and its modules, TailwindCss, DaisyUI and Supabase.
24 |         </p>
25 |         <p>
26 |           <nuxt-link to="blog" class="btn btn-ghost">
27 |             Blog posts
28 |           </nuxt-link>
29 |         </p>
30 |         <p class="mt-4 pt-4  border-t border-dashed">
31 |           To get started, remove
32 |           <code class="bg-base-200 text-sm p-1 rounded border">components/Tutorial.vue</code> and start coding in
33 |           <code class="bg-base-200 text-sm p-1 rounded border">pages/index.vue</code>. Have fun!
34 |         </p>
35 |       </div>
36 |       <div class="flex justify-center pt-4 space-x-2">
37 |         <a href="https://github.com/ctwhome" rel="noopener" target="_blank"><svg
38 |           class="w-6 h-6 text-gray-600 hover:text-gray-800"
39 |           xmlns="http://www.w3.org/2000/svg"
40 |           xmlns:xlink="http://www.w3.org/1999/xlink"
41 |           aria-hidden="true"
42 |           role="img"
43 |           width="32"
44 |           height="32"
45 |           preserveAspectRatio="xMidYMid meet"
46 |           viewBox="0 0 24 24"
47 |         ><path d="M12 2.247a10 10 0 0 0-3.162 19.487c.5.088.687-.212.687-.475c0-.237-.012-1.025-.012-1.862c-2.513.462-3.163-.613-3.363-1.175a3.636 3.636 0 0 0-1.025-1.413c-.35-.187-.85-.65-.013-.662a2.001 2.001 0 0 1 1.538 1.025a2.137 2.137 0 0 0 2.912.825a2.104 2.104 0 0 1 .638-1.338c-2.225-.25-4.55-1.112-4.55-4.937a3.892 3.892 0 0 1 1.025-2.688a3.594 3.594 0 0 1 .1-2.65s.837-.262 2.75 1.025a9.427 9.427 0 0 1 5 0c1.912-1.3 2.75-1.025 2.75-1.025a3.593 3.593 0 0 1 .1 2.65a3.869 3.869 0 0 1 1.025 2.688c0 3.837-2.338 4.687-4.563 4.937a2.368 2.368 0 0 1 .675 1.85c0 1.338-.012 2.413-.012 2.75c0 .263.187.575.687.475A10.005 10.005 0 0 0 12 2.247z" fill="currentColor" /></svg></a>
48 |         <a href="https://twitter.com/ctwhome" rel="noopener" target="_blank"><svg
49 |           class="w-6 h-6 text-gray-600 hover:text-gray-800"
50 |           xmlns="http://www.w3.org/2000/svg"
51 |           xmlns:xlink="http://www.w3.org/1999/xlink"
52 |           aria-hidden="true"
53 |           role="img"
54 |           width="32"
55 |           height="32"
56 |           preserveAspectRatio="xMidYMid meet"
57 |           viewBox="0 0 24 24"
58 |         ><path d="M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23z" fill="currentColor" /></svg></a>
59 |       </div>
60 |     </div>
61 |   </div>
62 | </template>
63 | 


--------------------------------------------------------------------------------