convert frontend to workspace

.gitignore

@@ -12,7 +12,7 @@ dist
 dist-ssr
 *.local
 .vite-ssg-temp
-/content
+projects/frontend/content
 
 # Editor directories and files
 .vscode/*

package-lock.json

@@ -7,31 +7,9 @@
     "": {
       "name": "static-web-templates",
       "version": "0.0.0",
-      "devDependencies": {
+      "workspaces": [
-        "@types/dompurify": "3.0.5",
+        "projects/frontend"
-        "@types/js-yaml": "4.0.9",
+      ]
-        "@types/node": "18.16.x",
-        "@unhead/vue": "1.8.12",
-        "@vitejs/plugin-vue": "5.0.4",
-        "dompurify": "3.0.9",
-        "github-slugger": "2.0.0",
-        "highlight.js": "11.9.0",
-        "js-yaml": "4.1.0",
-        "marked": "12.0.1",
-        "marked-highlight": "2.1.1",
-        "normalize.css": "8.0.1",
-        "pinia": "2.1.7",
-        "pug": "3.0.2",
-        "rfdc": "1.3.1",
-        "sass": "1.71.1",
-        "typescript": "5.4.2",
-        "vite": "5.1.4",
-        "vite-ssg": "0.23.6",
-        "vue": "3.4.19",
-        "vue-router": "4.3.0",
-        "vue-tippy": "6.4.1",
-        "vue-tsc": "1.8.27"
-      }
     },
     "node_modules/@asamuzakjp/dom-selector": {
       "version": "2.0.2",
@@ -2602,6 +2580,10 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/static-web-templates": {
+      "resolved": "projects/frontend",
+      "link": true
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -3170,6 +3152,34 @@
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
       }
+    },
+    "projects/frontend": {
+      "version": "0.0.0",
+      "devDependencies": {
+        "@types/dompurify": "3.0.5",
+        "@types/js-yaml": "4.0.9",
+        "@types/node": "18.16.x",
+        "@unhead/vue": "1.8.12",
+        "@vitejs/plugin-vue": "5.0.4",
+        "dompurify": "3.0.9",
+        "github-slugger": "2.0.0",
+        "highlight.js": "11.9.0",
+        "js-yaml": "4.1.0",
+        "marked": "12.0.1",
+        "marked-highlight": "2.1.1",
+        "normalize.css": "8.0.1",
+        "pinia": "2.1.7",
+        "pug": "3.0.2",
+        "rfdc": "1.3.1",
+        "sass": "1.71.1",
+        "typescript": "5.4.2",
+        "vite": "5.1.4",
+        "vite-ssg": "0.23.6",
+        "vue": "3.4.19",
+        "vue-router": "4.3.0",
+        "vue-tippy": "6.4.1",
+        "vue-tsc": "1.8.27"
+      }
     }
   }
 }

package.json

@@ -3,34 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-  "scripts": {
+  "workspaces": [
-    "start": "vite",
+    "projects/frontend"
-    "build": "vue-tsc && vite-ssg build",
+  ]
-    "preview": "vite preview"
+}
-  },
-  "devDependencies": {
-    "@types/dompurify": "3.0.5",
-    "@types/js-yaml": "4.0.9",
-    "@types/node": "18.16.x",
-    "@unhead/vue": "1.8.12",
-    "@vitejs/plugin-vue": "5.0.4",
-    "dompurify": "3.0.9",
-    "github-slugger": "2.0.0",
-    "highlight.js": "11.9.0",
-    "js-yaml": "4.1.0",
-    "marked": "12.0.1",
-    "marked-highlight": "2.1.1",
-    "normalize.css": "8.0.1",
-    "pinia": "2.1.7",
-    "pug": "3.0.2",
-    "rfdc": "1.3.1",
-    "sass": "1.71.1",
-    "typescript": "5.4.2",
-    "vite": "5.1.4",
-    "vite-ssg": "0.23.6",
-    "vue": "3.4.19",
-    "vue-router": "4.3.0",
-    "vue-tippy": "6.4.1",
-    "vue-tsc": "1.8.27"
-  }
-}

projects/frontend/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "static-web-templates",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "build": "vue-tsc && vite-ssg build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@types/dompurify": "3.0.5",
+    "@types/js-yaml": "4.0.9",
+    "@types/node": "18.16.x",
+    "@unhead/vue": "1.8.12",
+    "@vitejs/plugin-vue": "5.0.4",
+    "dompurify": "3.0.9",
+    "github-slugger": "2.0.0",
+    "highlight.js": "11.9.0",
+    "js-yaml": "4.1.0",
+    "marked": "12.0.1",
+    "marked-highlight": "2.1.1",
+    "normalize.css": "8.0.1",
+    "pinia": "2.1.7",
+    "pug": "3.0.2",
+    "rfdc": "1.3.1",
+    "sass": "1.71.1",
+    "typescript": "5.4.2",
+    "vite": "5.1.4",
+    "vite-ssg": "0.23.6",
+    "vue": "3.4.19",
+    "vue-router": "4.3.0",
+    "vue-tippy": "6.4.1",
+    "vue-tsc": "1.8.27"
+  }
+}

projects/frontend/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "content/*": ["./content/*"],
+      "src/*": ["./src/*"]
+    },
+
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "../../tsconfig.node.json" }]
+}

projects/frontend/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import path from 'path'
+import * as path from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({

tsconfig.json

@@ -1,11 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": "./",
-    "paths": {
-      "content/*": ["./content/*"],
-      "src/*": ["./src/*"]
-    },
-
     "target": "ES2020",
     "useDefineForClassFields": true,
     "module": "ESNext",