diff --git a/components/content/ProseCode.vue b/components/content/ProseCode.vue index cc4a227..6d5b2cf 100644 --- a/components/content/ProseCode.vue +++ b/components/content/ProseCode.vue @@ -77,6 +77,16 @@ const languageMap: Record< background: "linear-gradient(to bottom right, #2F6E9D, #F6D652)", color: "white", }, + ruby:{ + text: "ruby", + background: "#A41600", + color: "white", + }, + js:{ + text: "JS", + background: "#E9D34B", + color: "black", + } }; const languageText = computed(() => diff --git a/nuxt.config.ts b/nuxt.config.ts index 413b975..8476c31 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,5 +1,5 @@ // https://nuxt.com/docs/api/configuration/nuxt-config -import vuetify from 'vite-plugin-vuetify' + import { createResolver } from '@nuxt/kit' const { resolve } = createResolver(import.meta.url) @@ -17,11 +17,11 @@ export default defineNuxtConfig({ app: { baseURL: '/Wasm4Learn/', head: { - title: 'R WASM by IFB', + title: 'Wasm4Learn', meta: [ { name: 'description', - content: 'R WASM platform to learn R with IFB' + content: 'An interactive tutorial platform to introduce you to the first commands in different languages like R and Python' } ], script: [ diff --git a/package-lock.json b/package-lock.json index 85c8da7..477f2f2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "ace-builds": "^1.23.4", "ace-code": "^1.23.4", "buffer": "^6.0.3", + "flag-icons": "^6.9.3", "gh-pages": "^5.0.0", "markdown-it": "^13.0.1", "nuxt-content-assets": "^1.3.2", @@ -5253,6 +5254,11 @@ "node": ">=8" } }, + "node_modules/flag-icons": { + "version": "6.9.3", + "resolved": "https://registry.npmjs.org/flag-icons/-/flag-icons-6.9.3.tgz", + "integrity": "sha512-HIU4V8342pmBjk+zlvq0jGyHEifyP9976ynzQw8sLeONNcyMxW5I+NWY9OWGMrd9lkFjgfcnvRdD3MGd1ihHzQ==" + }, "node_modules/flat": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", @@ -17461,6 +17467,11 @@ "path-exists": "^4.0.0" } }, + "flag-icons": { + "version": "6.9.3", + "resolved": "https://registry.npmjs.org/flag-icons/-/flag-icons-6.9.3.tgz", + "integrity": "sha512-HIU4V8342pmBjk+zlvq0jGyHEifyP9976ynzQw8sLeONNcyMxW5I+NWY9OWGMrd9lkFjgfcnvRdD3MGd1ihHzQ==" + }, "flat": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", diff --git a/package.json b/package.json index 31f71c0..9580cb5 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,7 @@ "ace-builds": "^1.23.4", "ace-code": "^1.23.4", "buffer": "^6.0.3", + "flag-icons": "^6.9.3", "gh-pages": "^5.0.0", "markdown-it": "^13.0.1", "nuxt-content-assets": "^1.3.2", diff --git a/pages/[lang]/index.vue b/pages/[lang]/index.vue index 0237199..7254e28 100644 --- a/pages/[lang]/index.vue +++ b/pages/[lang]/index.vue @@ -58,11 +58,10 @@ export default { const route = useRoute(); let lang = route.params.lang; - const contentFolder = await queryContent("/" + lang).find(); const { data: navigation } = await useAsyncData("navigation", () => - fetchContentNavigation("/" + lang) + fetchContentNavigation("/" + lang + "/") ); - return { contentFolder, navigation }; + return { navigation }; }, methods: { changePath(pathParent, id) { diff --git a/yarn.lock b/yarn.lock index dac4940..e341d36 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2804,6 +2804,11 @@ "locate-path" "^5.0.0" "path-exists" "^4.0.0" +"flag-icons@^6.9.3": + "integrity" "sha512-HIU4V8342pmBjk+zlvq0jGyHEifyP9976ynzQw8sLeONNcyMxW5I+NWY9OWGMrd9lkFjgfcnvRdD3MGd1ihHzQ==" + "resolved" "https://registry.npmjs.org/flag-icons/-/flag-icons-6.9.3.tgz" + "version" "6.9.3" + "flat@^5.0.2": "integrity" "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==" "resolved" "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz"