move title and description to package.json

gkucmierz · Nov 15, 2022 · 900db4f · 900db4f
1 parent db7d592
commit 900db4f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -2,13 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Instacode</title>
-    <meta name="description" content="Scratchpad for instant JavaScript code running">
-    <link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-180x180.png" sizes="180x180">
-    <link rel="mask-icon" href="/img/icons/android-chrome-maskable-192x192.png" color="#7ACED7">
-    <meta name="theme-color" content="#7ACED7">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="/favicon.ico">
   </head>
   <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -1,5 +1,6 @@
 {
-  "name": "instacode-app",
+  "name": "Instacode",
+  "description": "Scratchpad for instant JavaScript code running",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",

diff --git a/vite.config.js b/vite.config.js
@@ -3,6 +3,7 @@ import { fileURLToPath, URL } from 'node:url';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import { VitePWA } from 'vite-plugin-pwa';
+import packageJson from './package.json' assert { type: 'json' };
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -15,10 +16,11 @@ export default defineConfig({
       },
 
       manifest: {
-        name: 'Instacode',
-        short_name: 'Instacode',
-        description: 'Scratchpad for instant JavaScript code running',
+        name: packageJson.name,
+        short_name: packageJson.name,
+        description: packageJson.description,
         theme_color: '#7ACED7',
+        background_color: '#282C34',
         id: '/',
         icons: [
           {