feat: nuxi basis

Author: Tinymemo

.gitignore

@@ -1,7 +1,9 @@
-.DS_Store
 node_modules
-.temp
+*.log*
+.nuxt
+.nitro
 .cache
-/public
-other/
-*.draft.md
+.output
+.env
+dist
+.DS_Store

.nvmrc renamed to .node-version

@@ -1,2 +1 @@
-shamefully-hoist=true
-auto-install-peers=true
+shamefully-hoist=true

.npmrc

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

README.md

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

app.vue

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

assets/css/main.css

@@ -0,0 +1,66 @@
+<template>
+    <header class="navbar fixed z-20 top-0 left-0 right-0 h-14 border-b border-gray-100 px-6 py-3">
+        <div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0">
+            <div class="icon" aria-hidden="true"><span></span><span></span><span></span></div>
+        </div>
+        <span>
+            <a aria-current="page" href="/zh-hans/" class="router-link-active router-link-exact-active">
+                <img class="logo inline h-8 mr-3" src="/images/logo.png" alt="教程 | Tinkink">
+                <span class="site-name can-hide text-xl font-bold text-slate-800">教程 | Tinkink</span>
+            </a>
+        </span>
+        <div class="navbar-items-wrapper flex absolute top-3 right-6 bottom-3 pl-6 whitespace-nowrap text-base" style="max-width: 1463px;"><!--[--><!--]-->
+            <nav class="navbar-items can-hide"><!--[-->
+                <div class="navbar-item inline-block ml-6" v-for="menu in menus" :key="menu.title">
+                    <a :href="menu.link" class="router-link-active" :aria-label="menu.title">{{ menu.title }}</a>
+                </div>
+                <!-- <div class="navbar-item inline-block ml-6">
+                    <div class="navbar-dropdown-wrapper">
+                        <button class="navbar-dropdown-title" type="button" aria-label="Select language">
+                            <span class="title">Languages</span>
+                            <span class="arrow down"></span>
+                        </button>
+                        <button class="navbar-dropdown-title-mobile" type="button" aria-label="Select language">
+                            <span class="title">Languages</span>
+                            <span class="right arrow"></span>
+                        </button>
+                        <ul style="display:none;" class="navbar-dropdown">
+                            <li class="navbar-dropdown-item"><a href="/en/" class="" aria-label="English">English</a></li>
+                            <li class="navbar-dropdown-item"><a aria-current="page" href="/zh-hans/" class="router-link-active router-link-exact-active" aria-label="简体中文">简体中文</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="navbar-item">
+                    <a class="external-link" href="https://github.com/tinkink-co/tutorials" rel="noopener noreferrer" target="_blank" aria-label="Github">Github</a>
+                </div>-->
+            </nav>
+        </div>
+    </header>
+</template>
+
+<script setup lang="ts">
+const menus = [
+    {
+        title: '首页',
+        link: '/',
+    },
+    {
+        title: 'Languages',
+        link: '',
+        children: [
+            {
+                title: 'English',
+                link: '/en/',
+            },
+            {
+                title: '简体中文',
+                link: '/zh-hans/',
+            },
+        ],
+    },
+    {
+        title: 'Github',
+        link: 'https://github.com',
+    },
+];
+</script>