replace vue spa with ssr nuxt site

Squashed commit of the following: commit de3fcd3 Author: Marco La Rosa <[email protected]> Date: Wed Jan 10 17:49:13 2024 +1100 replace SPA site with nuxt site commit 05bbc87 Author: Marco La Rosa <[email protected]> Date: Wed Jan 10 17:41:27 2024 +1100 cleanup commit bf484e7 Author: Marco La Rosa <[email protected]> Date: Wed Jan 10 17:41:01 2024 +1100 revise as nuxt app
describo · Jan 10, 2024 · b32bf7f · b32bf7f
1 parent f34edc2
commit b32bf7f
Show file tree

Hide file tree

Showing 111 changed files with 18,144 additions and 4,274 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -19,14 +19,14 @@ jobs:
 
             # Pick your own package manager and build script
             - run: npm install
-            - run: npm run build
+            - run: npm run generate
               env:
                   NITRO_PRESET: github_pages
 
             - name: Upload artifact
               uses: actions/upload-pages-artifact@v1
               with:
-                  path: ./docs
+                  path: ./.output/public
 
     # Deployment job
     deploy:

diff --git a/.gitignore b/.gitignore
@@ -1,24 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
 # Logs
 logs
 *.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
 
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
+# Misc
 .DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
diff --git a/README.md b/README.md
@@ -1,17 +1,75 @@
-# Vue 3 + Vite
+# Nuxt 3 Minimal Starter
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3
-`<script setup>` SFCs, check out the
-[script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
-## Recommended IDE Setup
+## Setup
 
--   [VS Code](https://code.visualstudio.com/) +
-    [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) +
-    [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+Make sure to install the dependencies:
 
-## Build and deploy
+```bash
+# npm
+npm install
 
--   npm run build
--   git add docs && git commit -a
--   git po master
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
diff --git a/src/App.vue → app.vue b/src/App.vue → app.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container mx-auto mb-20 p-4">
         <NavigationComponent />
-        <router-view class="my-4" />
+        <NuxtPage />
         <FooterComponent />
     </div>
 </template>

diff --git a/assets/styles.css b/assets/styles.css
@@ -0,0 +1,3 @@
+a {
+    color: rgb(30 64 175)
+}
diff --git a/src/components/Card.vue → components/Card.vue b/src/components/Card.vue → components/Card.vue
diff --git a/src/components/Footer.component.vue → components/Footer.component.vue b/src/components/Footer.component.vue → components/Footer.component.vue
@@ -10,7 +10,7 @@
                 <div><router-link to="/desktop"> Desktop</router-link></div>
                 <div><router-link to="/web"> Web</router-link></div>
                 <div><router-link to="/component"> Component</router-link></div>
-                <div><router-link to="/profile"> Profiles</router-link></div>
+                <div><router-link to="/profiles"> Profiles</router-link></div>
                 <div><router-link to="/datapacks"> Data Packs</router-link></div>
             </div>
             <div class="flex flex-col md:w-60">

diff --git a/src/components/InfoPanel.component.vue → components/InfoPanel.component.vue b/src/components/InfoPanel.component.vue → components/InfoPanel.component.vue
diff --git a/src/components/Link.component.vue → components/Link.component.vue b/src/components/Link.component.vue → components/Link.component.vue
diff --git a/src/components/Navigation.component.vue → components/Navigation.component.vue b/src/components/Navigation.component.vue → components/Navigation.component.vue
@@ -1,8 +1,6 @@
 <template>
-    <div class="sticky top-0 z-50 border-b border-slate-400">
-        <div
-            class="flex flex-row justify-between md:space-x-8 p-2 text-base xl:text-xl bg-slate-200"
-        >
+    <div class="sticky top-0 z-50 border-b border-slate-400 bg-slate-200">
+        <div class="flex flex-row justify-between md:space-x-8 p-2 text-base xl:text-xl">
             <router-link to="/">
                 <img src="/logos/describo-logo.png" class="h-16 xl:h-20" />
             </router-link>
@@ -21,7 +19,7 @@
                         target="_blank"
                         class="hover:text-orange-600"
                     >
-                        <i class="fa-brands fa-github"></i>
+                        <font-awesome-icon icon="fa-brands fa-github" />
                         <!-- <div class="inline">&nbsp;Organisation</div> -->
                     </a>
                 </div>
@@ -41,7 +39,7 @@
                         target="_blank"
                         class="hover:text-orange-600"
                     >
-                        <i class="fa-solid fa-bullhorn"></i>
+                        <font-awesome-icon icon="fa-solid fa-bullhorn" />
                         <!-- <div class="inline">&nbsp;Announcements</div> -->
                     </a>
                 </div>

diff --git a/src/components/Releases.component.vue → components/Releases.component.vue b/src/components/Releases.component.vue → components/Releases.component.vue
@@ -3,7 +3,7 @@
         <div class="flex flex-row justify-around">
             <div class="hover:text-orange-600 cursor-pointer text-center">
                 <a :href="data.download.windows" download class="hover:text-orange-600">
-                    <i class="fa-brands fa-windows fa-4x"></i>
+                    <font-awesome-icon icon="fa-brands fa-windows" size="4x" />
                 </a>
             </div>
             <div class="flex flex-row space-x-6">
@@ -13,7 +13,7 @@
                         download
                         class="flex flex-row hover:text-orange-600 items-center"
                     >
-                        <i class="fa-brands fa-apple fa-4x"></i>
+                        <font-awesome-icon icon="fa-brands fa-apple" size="4x" />
                         <img src="/logos/apple-m.jpeg" class="h-12 translate-y-3 translate-x-1" />
                     </a>
                 </div>
@@ -23,14 +23,14 @@
                         download
                         class="flex flex-row hover:text-orange-600 items-center"
                     >
-                        <i class="fa-brands fa-apple fa-4x"></i>
+                        <font-awesome-icon icon="fa-brands fa-apple" size="4x" />
                         <img src="/logos/intel.png" class="h-8 translate-y-1" />
                     </a>
                 </div>
             </div>
             <div class="hover:text-orange-600 cursor-pointer text-center">
                 <a :href="data.download.linux" download class="hover:text-orange-600">
-                    <i class="fa-brands fa-linux fa-4x"></i>
+                    <font-awesome-icon icon="fa-brands fa-linux" size="4x" />
                 </a>
             </div>
         </div>

diff --git a/src/components/RepositoryLinks.component.vue → components/RepositoryLinks.component.vue b/src/components/RepositoryLinks.component.vue → components/RepositoryLinks.component.vue
diff --git a/src/components/Stack.vue → components/Stack.vue b/src/components/Stack.vue → components/Stack.vue
@@ -6,7 +6,7 @@
                 @click="previousCard()"
                 v-if="cards.length > 1"
             >
-                <i class="fa-solid fa-chevron-left"></i>
+                <font-awesome-icon icon="fa-solid fa-chevron-left" />
             </div>
             <div v-auto-animate="{ duration: 300 }">
                 <card :key="ref(idx)" v-for="(card, idx) of cards" :class="{ hidden: idx !== n }">
@@ -34,18 +34,19 @@
                 v-if="cards.length > 1"
             >
                 <i class="fa-solid fa-chevron-right"></i>
+                <font-awesome-icon icon="fa-solid fa-chevron-right" />
             </div>
         </div>
         <div class="hidden md:flex flex-row place-content-end">
             {{ n + 1 }} / {{ cards.length }}
         </div>
         <div class="flex flex-row md:hidden place-content-between" v-if="cards.length > 1">
             <div class="cursor-pointer px-2" @click="previousCard()">
-                <i class="fa-solid fa-chevron-left"></i>
+                <font-awesome-icon icon="fa-solid fa-chevron-left" />
             </div>
             <div>{{ n + 1 }} / {{ cards.length }}</div>
             <div class="cursor-pointer px-2" @click="nextCard()">
-                <i class="fa-solid fa-chevron-right"></i>
+                <font-awesome-icon icon="fa-solid fa-chevron-right" />
             </div>
         </div>
     </div>

diff --git a/docs/assets/Dashboard-dd086a5b.js b/docs/assets/Dashboard-dd086a5b.js
diff --git a/docs/assets/Description-8906e5ec.js b/docs/assets/Description-8906e5ec.js
diff --git a/docs/assets/index-54b1859e.css b/docs/assets/index-54b1859e.css
diff --git a/docs/assets/index-d76b1462.js b/docs/assets/index-d76b1462.js
diff --git a/docs/describo-i18-en.png b/docs/describo-i18-en.png
diff --git a/docs/describo-i18-hu.png b/docs/describo-i18-hu.png
diff --git a/docs/describo-star-us.png b/docs/describo-star-us.png
diff --git a/docs/describo-ui.png b/docs/describo-ui.png
diff --git a/docs/desktop-updates.png b/docs/desktop-updates.png
diff --git a/docs/desktop1.png b/docs/desktop1.png
diff --git a/docs/desktop10.png b/docs/desktop10.png
diff --git a/docs/desktop11.png b/docs/desktop11.png
diff --git a/docs/desktop12.png b/docs/desktop12.png
diff --git a/docs/desktop13.png b/docs/desktop13.png
diff --git a/docs/desktop14.png b/docs/desktop14.png
diff --git a/docs/desktop15.png b/docs/desktop15.png
diff --git a/docs/desktop2.png b/docs/desktop2.png
diff --git a/docs/desktop3.png b/docs/desktop3.png
diff --git a/docs/desktop4.png b/docs/desktop4.png
diff --git a/docs/desktop5.png b/docs/desktop5.png
diff --git a/docs/desktop6.png b/docs/desktop6.png
diff --git a/docs/desktop7.png b/docs/desktop7.png
diff --git a/docs/desktop8.png b/docs/desktop8.png
diff --git a/docs/desktop9.png b/docs/desktop9.png
diff --git a/docs/documentation/desktop/dashboard1.png b/docs/documentation/desktop/dashboard1.png
diff --git a/docs/documentation/desktop/desktop1.png b/docs/documentation/desktop/desktop1.png
diff --git a/docs/documentation/desktop/desktop2.png b/docs/documentation/desktop/desktop2.png
diff --git a/docs/documentation/desktop/desktop3.png b/docs/documentation/desktop/desktop3.png
diff --git a/docs/documentation/desktop/desktop4.png b/docs/documentation/desktop/desktop4.png
diff --git a/docs/documentation/desktop/desktop5.png b/docs/documentation/desktop/desktop5.png
diff --git a/docs/documentation/desktop/desktop6.png b/docs/documentation/desktop/desktop6.png
diff --git a/docs/documentation/desktop/desktop7.png b/docs/documentation/desktop/desktop7.png
diff --git a/docs/documentation/desktop/desktop8.png b/docs/documentation/desktop/desktop8.png
diff --git a/docs/flag-aboriginal.png b/docs/flag-aboriginal.png
diff --git a/docs/flag-au.png b/docs/flag-au.png
diff --git a/docs/flag-hu.png b/docs/flag-hu.png
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/logos/apple-m.jpeg b/docs/logos/apple-m.jpeg
diff --git a/docs/logos/chrome.png b/docs/logos/chrome.png
diff --git a/docs/logos/cs3mesh-logo.png b/docs/logos/cs3mesh-logo.png
diff --git a/docs/logos/describo-logo.png b/docs/logos/describo-logo.png
diff --git a/docs/logos/edge.png b/docs/logos/edge.png
diff --git a/docs/logos/intel.png b/docs/logos/intel.png
diff --git a/docs/logos/ldaca-logo.png b/docs/logos/ldaca-logo.png
diff --git a/docs/logos/muenster-logo.png b/docs/logos/muenster-logo.png
diff --git a/docs/logos/nyingarn-logo.png b/docs/logos/nyingarn-logo.png
diff --git a/docs/logos/react-logo.png b/docs/logos/react-logo.png
diff --git a/docs/logos/uts-logo.png b/docs/logos/uts-logo.png
diff --git a/docs/nyingarn1.png b/docs/nyingarn1.png
diff --git a/docs/nyingarn2.png b/docs/nyingarn2.png
diff --git a/docs/pack1.png b/docs/pack1.png
diff --git a/docs/pack2.png b/docs/pack2.png
diff --git a/docs/pack3.png b/docs/pack3.png
diff --git a/docs/profile1.png b/docs/profile1.png
diff --git a/docs/profile2.png b/docs/profile2.png
diff --git a/docs/profile3.png b/docs/profile3.png
diff --git a/docs/tutorial1.png b/docs/tutorial1.png
diff --git a/docs/tutorial2.png b/docs/tutorial2.png
diff --git a/docs/tutorial3.png b/docs/tutorial3.png
diff --git a/docs/tutorial4.png b/docs/tutorial4.png
diff --git a/docs/tutorial5.png b/docs/tutorial5.png
diff --git a/docs/tutorial6.png b/docs/tutorial6.png
diff --git a/docs/tutorial7.png b/docs/tutorial7.png
diff --git a/docs/tutorial8.png b/docs/tutorial8.png
diff --git a/docs/users-aroma-in-dataverse.png b/docs/users-aroma-in-dataverse.png
diff --git a/docs/users-aroma-standalone.png b/docs/users-aroma-standalone.png
diff --git a/docs/web1.png b/docs/web1.png
diff --git a/docs/windows-sig1.png b/docs/windows-sig1.png
diff --git a/docs/windows-sig2.png b/docs/windows-sig2.png
diff --git a/docs/windows-sig3.png b/docs/windows-sig3.png
diff --git a/docs/windows-sig4.png b/docs/windows-sig4.png
diff --git a/index.html b/index.html
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -0,0 +1,23 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+    pages: true,
+    devtools: { enabled: false },
+    modules: ["@nuxtjs/tailwindcss"],
+    css: ["@fortawesome/fontawesome-svg-core/styles.css", "@/assets/styles.css"],
+    build: {
+        transpile: [
+            "@fortawesome/vue-fontawesome",
+            "@fortawesome/fontawesome-svg-core",
+            "@fortawesome/free-solid-svg-icons",
+            "@fortawesome/free-regular-svg-icons",
+            "@fortawesome/free-brands-svg-icons",
+        ],
+    },
+    app: {
+        head: {
+            bodyAttrs: {
+                class: "bg-slate-200",
+            },
+        },
+    },
+});