chore: vite-plugin-webfont-dl

src/pages/index-page.vue

@@ -47,4 +47,26 @@ const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
     <DefineRender />
   </div>
   <Icons />
+
+  <div :class="$style.hero" mt-8>
+    <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
+    <h2>Fonts are downloaded directly from Google Fonts</h2>
+    <p>{{ JSON.stringify({ $style }) }}</p>
+  </div>
 </template>
+
+<style module>
+h1 {
+  font-family: 'Press Start 2P', cursive;
+  color: #646cff;
+}
+
+h2 {
+  font-family: 'Fira Code', monospace;
+  background-color: #42b983;
+}
+
+.hero {
+  border: 1px solid #42b983;
+}
+</style>