fix language import + responsiveness on articles

effectai · Mar 18, 2024 · 31c540a · 31c540a
1 parent 7d290cd
commit 31c540a
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 11 deletions.
diff --git a/app.vue b/app.vue
@@ -27,8 +27,8 @@ useSeoMeta({
   ogDescription: description,
   twitterDescription: description,
   description,
-  ogImage: "https://effect.ai/logo.png",
-  twitterImage: "https://effect.ai/logo.png",
+  ogImage: "https://effect.ai/logo_icon.png",
+  twitterImage: "https://effect.ai/logo_icon.png",
 
   ogUrl: "https://effect.ai",
   ogSiteName: "Effect AI",

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 import glsl from "vite-plugin-glsl";
+import dynamicImport from "vite-plugin-dynamic-import";
 
 export default defineNuxtConfig({
   runtimeConfig: {
@@ -44,7 +45,14 @@ export default defineNuxtConfig({
     "@/assets/scss/global.scss",
   ],
   vite: {
-    plugins: [glsl()],
+    plugins: [
+      glsl(),
+      dynamicImport({
+        filter(id: string) {
+          if (id.includes("@speed-highlight/core")) return true;
+        },
+      }),
+    ],
     css: {
       preprocessorOptions: {
         scss: {

diff --git a/package.json b/package.json
@@ -12,10 +12,6 @@
     "generate": "nuxt generate --dotenv .env.production"
   },
   "dependencies": {
-    "nuxt": "^3.10.3",
-    "vue": "^3.4.19",
-    "vue-router": "^4.2.5",
-    "three": "^0.161.0",
     "@fortawesome/fontawesome-free": "^5.15.2",
     "@nuxt/image": "^1.4.0",
     "@speed-highlight/core": "^1.2.6",
@@ -30,8 +26,12 @@
     "bulma": "^0.9.4",
     "glsl-noise": "^0.0.0",
     "glslify": "^7.1.1",
+    "nuxt": "^3.10.3",
     "popmotion": "^11.0.5",
     "remark-unwrap-images": "^4.0.0",
+    "three": "^0.161.0",
+    "vue": "^3.4.19",
+    "vue-router": "^4.2.5",
     "vue3-lottie": "3.2.0"
   },
   "devDependencies": {
@@ -42,7 +42,8 @@
     "push-dir": "^0.4.1",
     "sass": "1.72.0",
     "tweakpane": "^4.0.3",
+    "vite-plugin-dynamic-import": "^1.5.0",
     "vite-plugin-glsl": "^1.2.1",
     "vue-countup-v3": "^1.4.1"
   }
-}
+}
diff --git a/pages/news/[slug].vue b/pages/news/[slug].vue
@@ -29,7 +29,7 @@
         </div>
       </div>
       <div class="container">
-        <div class="columns">
+        <div class="columns is-gapless">
           <div class="column content is-medium" id="content">
             <ContentRendererMarkdown :value="data" class="blog-padding" />
           </div>

diff --git a/yarn.lock b/yarn.lock
@@ -3686,6 +3686,11 @@ error-stack-parser-es@^0.1.1:
   resolved "https://registry.yarnpkg.com/error-stack-parser-es/-/error-stack-parser-es-0.1.1.tgz#9c1d2bbfbba8b51670062e7fbf43c6bcfb6eb4da"
   integrity sha512-g/9rfnvnagiNf+DRMHEVGuGuIBlCIMDFoTA616HaP2l9PlCjGjVhD98PNbVSJvmK4TttqT5mV5tInMhoFgi+aA==
 
+es-module-lexer@^1.2.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.4.1.tgz#41ea21b43908fe6a287ffcbe4300f790555331f5"
+  integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==
+
 esbuild@^0.19.3:
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.19.12.tgz#dc82ee5dc79e82f5a5c3b4323a2a641827db3e04"
@@ -3900,7 +3905,7 @@ fast-fifo@^1.1.0, fast-fifo@^1.2.0:
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
   integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
-fast-glob@^3.2.7, fast-glob@^3.3.0, fast-glob@^3.3.1, fast-glob@^3.3.2:
+fast-glob@^3.2.12, fast-glob@^3.2.7, fast-glob@^3.3.0, fast-glob@^3.3.1, fast-glob@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -5295,7 +5300,7 @@ magic-string-ast@^0.3.0:
   dependencies:
     magic-string "^0.30.2"
 
-magic-string@^0.30.0, magic-string@^0.30.2, magic-string@^0.30.3, magic-string@^0.30.4, magic-string@^0.30.5, magic-string@^0.30.7, magic-string@^0.30.8:
+magic-string@^0.30.0, magic-string@^0.30.1, magic-string@^0.30.2, magic-string@^0.30.3, magic-string@^0.30.4, magic-string@^0.30.5, magic-string@^0.30.7, magic-string@^0.30.8:
   version "0.30.8"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613"
   integrity sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==
@@ -8685,6 +8690,16 @@ vite-plugin-checker@^0.6.4:
     vscode-languageserver-textdocument "^1.0.1"
     vscode-uri "^3.0.2"
 
+vite-plugin-dynamic-import@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-dynamic-import/-/vite-plugin-dynamic-import-1.5.0.tgz#a28f4768da977f0e448009489617aec259180b63"
+  integrity sha512-Qp85c+AVJmLa8MLni74U4BDiWpUeFNx7NJqbGZyR2XJOU7mgW0cb7nwlAMucFyM4arEd92Nfxp4j44xPi6Fu7g==
+  dependencies:
+    acorn "^8.8.2"
+    es-module-lexer "^1.2.1"
+    fast-glob "^3.2.12"
+    magic-string "^0.30.1"
+
 vite-plugin-glsl@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/vite-plugin-glsl/-/vite-plugin-glsl-1.2.1.tgz#abe10d623f510b8491197cbee3a5fb66ad651486"